各イオンの中でオーディオを再生する - アクティブ時にスライドする

私は特定のアプリで動いているIonicフレームワークを使用して作業しています。私は自分のスライドのそれぞれが通り過ぎるときに、スライド内でオーディオを再生するつもりです。たとえば、スライドAにはオーディオA、スライドBにはオーディオBなどがあります。スライドAが表示されると、オーディオAが再生されます。スライドBが表示され、オーディオBが再生されます。ここにアプリのペンがあります。各イオンの中でオーディオを再生する - アクティブ時にスライドする

http://codepen.io/samcyn/pen/vKYRGy

<body ng-app="ionicApp" animation="slide-left-right-ios7" ng-controller="SlideController"> 
<div class="slide-wrapper"> 
    <ion-slide-box 
    active-slide="activeSlide" 
    does-continue="true" 
    on-slide-changed="slideChanged(index)" 
    show-pager="false"> 
    <ion-slide ng-repeat="item in items" > 
    <div class="box "> 
    <img ng-src="{{item.imageURL}}"> 
    <h1>{{item.text}}</h1></div> 
    </ion-slide> 
    </ion-slide-box> 
    </div> 
    </body>

出典

2016-05-29 Jide

はい！わかった。私はちょうど今それを理解する。私がしたのは、DOM内のすべてのオーディオタグを選択して、各スライドがアクティブなときにそれらのそれぞれを再生する関数を呼び出すことでした。ここにデモがあります。

http://codepen.io/samcyn/pen/VjYEbg

// This is use when slides are active 
    $scope.$on("$ionicSlides.slideChangeStart", function(event, data){ 
     //console.log($scope.activeIndex) which shows index values; 
     myFunction($scope.activeIndex) 
    }); 
    function myFunction(number) { 
     var player = document.querySelectorAll(".audio"); 
     player[number].play() 
    }

出典

2016-06-02 01:10:31 Jide

各イオンの中でオーディオを再生する - アクティブ時にスライドする

答えて

関連する問題