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

Audio Auto Play

Hello,

 

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

 

Avinash

sdidierAnswer
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

View in thread

5 replies

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

Translate
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?();
};

 

Translate
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

Translate
Terms & ConditionsAccessibility statement