Skip to main content
A
agangaiah5-Regular Member
5-Regular Member
August 27, 2020
Solved

Audio Auto Play

  • August 27, 2020
  • 1 reply
  • 3030 views

Hello,

 

I am looking for code to make the Audio start playing automatically upon the loading of a new view.

 

Avinash

Best answer by sdidier

Hello Avinash,

 

The solution is :

  1. In Resource, upload a wav file.
  2. In View, in 2D Canvas, add an Audio Widget
  3. In Properties, switch off these checkboxes : Show Controls and Visible
  4. In Preload list, select item Content 
  5. In .Js View, enter this code :
    $scope.$on('$ionicView.afterEnter', function(){
 // Anything you can think of
 twx.app.fn.triggerWidgetService('audio-1', 'play');
})

When View will be finished to be loaded,  this event is triggered and we run Service Play of Audio Widget named audio-1.

 

Best regards,

Samuel

1 reply

S
sdidier17-PeridotAnswer
17-Peridot
August 28, 2020

Hello Avinash,

 

The solution is :

  1. In Resource, upload a wav file.
  2. In View, in 2D Canvas, add an Audio Widget
  3. In Properties, switch off these checkboxes : Show Controls and Visible
  4. In Preload list, select item Content 
  5. In .Js View, enter this code :
    $scope.$on('$ionicView.afterEnter', function(){
 // Anything you can think of
 twx.app.fn.triggerWidgetService('audio-1', 'play');
})

When View will be finished to be loaded,  this event is triggered and we run Service Play of Audio Widget named audio-1.

 

Best regards,

Samuel

J
JustinRobinson1-Visitor
1-Visitor
September 10, 2020

how do we do this without an audio widget? 

Im building for the HOLO and they are not available...

 

im assuming something like theez?

any idea what im missing?

 

angular.element(document).ready(function () {
$scope.init();
});

 

$scope.init = function(){
MyMusic.mp3.play?();
};

 

S
sdidier17-Peridot
17-Peridot
September 14, 2020

Hello Justin,

 

In Hololens, the solution, I presume is :

 

In Javascript, add this code to play a sound file uploaded in Ressources.

Here, sound file will be played when opening Experience.

$scope.play = function () 
{
 var audio = new Audio('app/resources/Uploaded/166433__ultradust__concert-applause-2.wav');
 audio.play();
}

$scope.$on('$ionicView.afterEnter', function() {
 // Anything you can think of
 $scope.play ();
})

 

Source of information:

https://stackoverflow.com/questions/9419263/how-to-play-audio

 

I test it in Preview in my workstation and it works.

I don't have Hololens hardware to test on it and to confirm if it is working on device.

 

Please find attached this Project.

 

Best regards,

Samuel

Terms & ConditionsCookie settingsAccessibility statement