Error while seeking on video-player in chrome made using videogular -
i angular starter , have created video-player have used videogular plugin. video player working fine in firefox browser while running in chrome version 60.0.3112.78 (official build) (64-bit), it's giving me error have mentioned below:
uncaught (in promise) domexception: play() request interrupted call pause().
one thing have mention here is, when trying seek in streaming video player disabling hardware firewall works fine enabling it's not.
the function responsible running video is:
this.onplay = function () { this.setstate(vg_states.play); $scope.$parent.$digest(); };
:
onseeking , onseeked functions are:
this.onseeking = function (event) { $scope.vgseeking({ $currenttime: event.target.currenttime, $duration: event.target.duration }); }; this.onseeked = function (event) { $scope.vgseeked({ $currenttime: event.target.currenttime, $duration: event.target.duration }); };
and mediaelement removing , adding eventlisteners are:
this.clearmedia = function () { this.mediaelement[0].src = ''; this.mediaelement[0].removeeventlistener("canplay", this.oncanplay.bind(this), false); this.mediaelement[0].removeeventlistener("loadedmetadata", this.onloadmetadata.bind(this), false); this.mediaelement[0].removeeventlistener("waiting", this.onstartbuffering.bind(this), false); this.mediaelement[0].removeeventlistener("ended", this.oncomplete.bind(this), false); this.mediaelement[0].removeeventlistener("playing", this.onstartplaying.bind(this), false); this.mediaelement[0].removeeventlistener("play", this.onplay.bind(this), false); this.mediaelement[0].removeeventlistener("pause", this.onpause.bind(this), false); this.mediaelement[0].removeeventlistener("volumechange", this.onvolumechange.bind(this), false); this.mediaelement[0].removeeventlistener("playbackchange", this.onplaybackchange.bind(this), false); this.mediaelement[0].removeeventlistener("timeupdate", this.onupdatetime.bind(this), false); this.mediaelement[0].removeeventlistener("progress", this.onprogress.bind(this), false); this.mediaelement[0].removeeventlistener("seeking", this.onseeking.bind(this), false); this.mediaelement[0].removeeventlistener("seeked", this.onseeked.bind(this), false); this.mediaelement[0].removeeventlistener("error", this.onvideoerror.bind(this), false); }; this.addlisteners = function () { this.mediaelement[0].addeventlistener("canplay", this.oncanplay.bind(this), false); this.mediaelement[0].addeventlistener("loadedmetadata", this.onloadmetadata.bind(this), false); this.mediaelement[0].addeventlistener("waiting", this.onstartbuffering.bind(this), false); this.mediaelement[0].addeventlistener("ended", this.oncomplete.bind(this), false); this.mediaelement[0].addeventlistener("playing", this.onstartplaying.bind(this), false); this.mediaelement[0].addeventlistener("play", this.onplay.bind(this), false); this.mediaelement[0].addeventlistener("pause", this.onpause.bind(this), false); this.mediaelement[0].addeventlistener("volumechange", this.onvolumechange.bind(this), false); this.mediaelement[0].addeventlistener("playbackchange", this.onplaybackchange.bind(this), false); this.mediaelement[0].addeventlistener("timeupdate", this.onupdatetime.bind(this), false); this.mediaelement[0].addeventlistener("progress", this.onprogress.bind(this), false); this.mediaelement[0].addeventlistener("seeking", this.onseeking.bind(this), false); this.mediaelement[0].addeventlistener("seeked", this.onseeked.bind(this), false); this.mediaelement[0].addeventlistener("error", this.onvideoerror.bind(this), false); };
while searching error, found discussions regarding issue on many sites can't find fixing because solution have got discussions have tried non of them resolved problem.
i want prevent error , run video player fine in chrome. ideas ?
thanks in advance.
Comments
Post a Comment