javascript - 关于html5的audio标签预加载问题
巴扎黑
巴扎黑 2017-04-10 15:26:00
[JavaScript讨论组]

我目前采用的预加载方式是在页面进入时会有一个缓冲效果(类似进度条)在这个过程中对页面需要的资源进行预加载,例如音频。我是这样子做的:

var arr = $('.page_item').find('.audioPlay'),
                    i = arr.length,
                    x, audio_src,
                    b = document.body;
            while (i--) {
                audio_src = Drupal.settings.basePath + $(arr[i]).attr('url');
                var x = document.createElement("AUDIO");
                x.setAttribute("src", audio_src);
                x.setAttribute("preload", 'auto');
                b.appendChild(x);
            }

就是预先对页面中的音频文件进行加载(因为我页面中有多个音频文件,用span标签带入的,至于为什么不直接使用audio,这里就不多说了,采用的是一个audio标签通过js切换src和绑定ended事件来实现连续播放的,一首接一首),但是貌似这种方式也不太靠谱,还是会出现音频卡顿的现象,不知道你们有木有什么好的方法实现预加载,请指点一二!谢谢!

巴扎黑
巴扎黑

全部回复(3)
伊谢尔伦

同preLoad

阿神

preload

巴扎黑

差不多我也是这么干,虽然容易控制,但,没法解决预加载的问题。音频时间长的,等好久···

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号