Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angularJS音频IE兼容性_Angularjs_Audio - Fatal编程技术网

angularJS音频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

我正在尝试使用html5音频,现在它可以在chrome和firefox上平稳运行。我在IE中遇到一些问题。在IE中,当音频结束时,播放/暂停按钮不会更改。它仍然是播放图标,我想要的是显示暂停图标。我的代码如下:

<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>