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. browsersync检测的静态页面只能用index.html命名,用demo.html就不能实时同步,检测动态页面的时候,比如wamp环境下,用browsersync能打开页面,但不能实现同步2. thinkphp6.0快速开发手册(案例版)的疏忽错误3. mysql - 这条联合sql语句哪里错了4. java - jdbc如何返回自动定义的bean5. flask后台python返回到html显示问题6. javascript - vuejs 怎么清空url带参数的值7. angular.js - angularjs 百度统计怎么统计8. html5 - vue项目中vuex存储问题9. Android 高德地图如何实现拖动平移地图时地图上的小图标不动?10. mysql - 为什么where条件中or加索引不起作用?
