javascript - 音频加载问题
问题描述
先上代码
<!DOCTYPE html><html><head><meta charset='utf-8'><meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'><meta name='format-detection' content='telephone=no'><meta name='apple-mobile-web-app-capable' content='yes'><meta name='apple-mobile-web-app-status-bar-style' content='black'><title>test</title><script src='https://www.haobala.com/wenda/static/lib/jquery/jquery-1.10.1.min.js'></script></head><body> <p class='loading'></p> <script>$(document).ready(function (){/*------------ 初始化 -------------*///加载音乐 var LoadAudio = function (src){this.audio = document.createElement(’audio’);this.audio.src = src;}; LoadAudio.prototype = {constructor : LoadAudio,play : function (){ this.audio.play(); },pause : function (){ this.audio.pause(); },isLoadFn : function (callback){ var that = this; this.audio.addEventListener(’canplaythrough’, function (){callback(true);}, false); }};var callMusic = new LoadAudio(’static/images/call.mp3’);callMusic.isLoadFn(function (result){alert(result);if(result){$(’.loading’).fadeOut();}});});</script></body></html>
现在的问题是移动端在用流量的时候不能正常加载,用WIFi可以,不知道什么问题,难道canplaythrough监听事件不是时时监听的?该如何修改,请大神指点。
问题解答
回答1:视频方面我用的Video.js 以前也用原生的,但是不怎么好用。兼容什么的都写好了
相关文章:
1. Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?2. android - webview 自定义加载进度条3. 如何解决Centos下Docker服务启动无响应,且输入docker命令无响应?4. angular.js - Web应用,单页面应用Cache问题5. css3 - 这个效果用 CSS 可以实现吗?border-image6. position:absolute、float、display:inline-block 都能实现相同效果,区别是什么?7. javascript - vue更改当前节点元素8. javascript - echart2.0 饼图不能自适应???9. angular.js - angular post的Content-Type被设置,导致不能上传图片,求助!!10. vue.js - vue 打包后 nginx 服务端API请求跨域问题无法解决。

网公网安备