HTML5<音频>:点击下一首歌曲时停止加载/缓冲
HTML5 <Audio> : stop loading/buffering when clicking on next song
我有一个小网站,里面有大约40个mp3播客,你可以使用html5标签收听。
每个播客大约一小时长,大小为100兆字节。
这是我的问题:
假设我在播客1上按PLAY,它开始播放,并将播客的其余部分预加载到100%。
现在假设我想玩PODCAST 2,我在第一个上按暂停,在第二个上按播放。
如何停止第一个播客的预加载/缓冲,以便所有带宽都可以用于预加载/缓存第二个播客?
我看着jplayer,以为它就是这么做的,但通过查看代码,当在同一页面上使用多个播放器时,它所做的只是"暂停"其他播放器,而不是"停止"预加载/缓冲。
你知道我该怎么做吗?
非常感谢:)
edit:我已经使用了preload="none"
我遇到了完全相同的问题,并通过在暂停之前将players src属性设置为一个非常短的无声mp3文件来解决它。例如.
var silent_file = 'http://example.com/silent.mp3';
var blogstream = 'http://example.com/blogstream';
var audioelement = document.getElementById( 'audioplayer' );
function stop(){
audioelement.src = silent_file;
audioelement.pause();
}
function play(){
audioelement.src = blogstream ;
audioelement.play(); // not necessary if audio element has autoplay
}
相关文章:
- 在新表单上使用JavaScript创建多个共享点项目,但将下一页加载延迟到全部创建
- 当一次加载所有文件时,是否有来自阵列的10个随机闪存文件显示在页面上?(在javascript中)
- 使用Ajax和Jquery一次加载100个块的Wordpress帖子
- 一次加载HTML对象并多次使用
- 一次加载网页,而不是分段加载
- 如何仅在每次单击可滚动(jquery工具)中的导航按钮时加载图像,而不是一次加载所有图像
- 获取下一页加载的进度
- 更有效率的是,一次加载所有javascript或根据需要按页面加载它
- 保罗爱尔兰无限滚动一次加载 2 页
- 使用javascript一次加载/取消隐藏一个图像
- 通过导航栏中的单个播放按钮,在电子书中的每一页加载音频文件
- 通过AJAX一次加载两个视频
- Three.js/WebGL一次加载大量纹理数据,操作方法
- 一次加载两个HTML文档(从字符串加载iframe内容)
- 单页网页应用程序;一次加载所有模板
- 一次加载所有模板
- Emberjs:一次加载所有模板
- Jquery分页,不会一次加载所有数据
- 如何使JQuery滑块一次加载元素集
- 进度事件监听器一次加载一个缩略图