angularJS音频IE兼容性
我正在尝试使用html5音频,现在它可以在chrome和firefox上平稳运行。我在IE中遇到一些问题。在IE中,当音频结束时,播放/暂停按钮不会更改。它仍然是播放图标,我想要的是显示暂停图标。我的代码如下:angularJS音频IE兼容性,angularjs,audio,Angularjs,Audio,我正在尝试使用html5音频,现在它可以在chrome和firefox上平稳运行。我在IE中遇到一些问题。在IE中,当音频结束时,播放/暂停按钮不会更改。它仍然是播放图标,我想要的是显示暂停图标。我的代码如下: <section ng-show="audio.canPlay"> <a class="star" ng-show="audio.paused" ng-click='audio.play()'></a> <a class="sta
<section ng-show="audio.canPlay">
<a class="star" ng-show="audio.paused" ng-click='audio.play()'></a>
<a class="star s-pause" ng-hide="audio.paused" ng-click='audio.pause()'></a>
</section>
var isProgessMove = false;
scope.clickPlayProgess = function (evt) {
evt.stopPropagation();
var now = (evt.offsetX / $(evt.target).parent().width());
scope.audio.progress = (formatRange(now));
}
scope.mousedownPlayBar = function (evt) {
isProgessMove = true;
scope.lastScreenX = -($(evt.target).parent().width()) + evt.screenX;
$(document).on('mousemove', movePlayPorgess);
$(document).on('mouseup', mouseupProgessBar);
}
var movePlayPorgess = function (evt) {
if (isProgessMove) {
scope.$apply(function () {
var now = (evt.screenX - scope.lastScreenX) / 398;
scope.audio.progress = formatRange(now);
})
}
}
var mouseupPorgessBar = function () {
isPorgessMove = false;
$(document).off('mousemove');
$(document).off('mouseup');
}
var isprogesmove=假;
scope.ClickPlayProges=功能(evt){
evt.stopPropagation();
var now=(evt.offsetX/$(evt.target.parent().width());
scope.audio.progress=(formatRange(现在));
}
scope.mousedownPlayBar=函数(evt){
isprogesmove=true;
scope.lastScreenX=-($(evt.target).parent().width())+evt.screenX;
$(document).on('mousemove',movePlayPorgess);
$(文档).on('mouseup',mouseupProgessBar);
}
var movePlayPorgess=函数(evt){
如果(isprogesmove){
作用域:$apply(函数(){
var now=(evt.screenX-scope.lastScreenX)/398;
scope.audio.progress=formatRange(现在);
})
}
}
var mouseupPorgessBar=函数(){
isPorgessMove=false;
$(document).off('mousemove');
$(文档).off('mouseup');
}
是的,我知道,那是因为ngaudio没有包装“audio.end”,你可以自己做
<section ng-show="audio.canPlay">
<a class="star" ng-show="audio.paused || audio.audio.ended" ng-click='audio.play()'></a>
<a class="star s-pause" ng-hide="audio.paused || audio.audio.ended" ng-click='audio.pause()'></a>
</section>