如何解决jPlayer with Icecast 流:暂停后如何从实时位置不是最后一个位置播放流?
我有 a website 与 icecast 一起播放 jPlayer 流。
我希望 play
按钮始终从直播位置(如收音机)开始直播,而不是从最后一个位置重新选择直播。尝试的行为:
play
实时播放流 > pause
暂停/丢弃流/可选择停止下载它 > play
从实时位置播放流/重新加载流。
有一种方法可以使用 comment on this post 中提到的 $.jplayer.event.timeupdate
监视当前媒体位置,并使用它从流的末尾继续播放。
或者,必须有一种方法可以在暂停时丢弃流,然后在再次点击 play
时重新加载流。我认为这就是 this jPlayer demo 上发生的事情。但我不知道如何做那部分:
错误事件用于检查 URL_NOT_SET 错误类型到 jplayer("setMedia",stream) 再次返回直播流并 jplayer("play") 它。
我是 JavaScript 的新手,无法让它工作。我找不到其他人试图这样做的帖子。我尝试使用 100 的“播放头”,它根本不启动流。
这是我使用的代码:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#jquery_jplayer_1").jplayer({
ready: function () {
$(this).jplayer("setMedia",{
mp3: "http://realbadradio.ddns.net:21000/mpd.mp3"
})
},});
});
//]]>
</script>
Here the repo 到我的网站获取完整代码。
解决方法
感谢 this answer 在与在 jPlayer 中实现自动播放相关的另一个问题上,我终于找到了解决方案。
解决方案
$(document).ready(function(){
const stream = {
// stream address
mp3: 'http://realbadradio.ddns.net:21000/mpd.mp3'
};
ready = false;
$("#jquery_jplayer_1").jPlayer({
ready: function () {
ready = true;
$(this).jPlayer("setMedia",stream);
},pause: function() {
$(this).jPlayer("clearMedia");
},error: function(event) {
if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
// Setup the media stream again and play it.
$(this).jPlayer("setMedia",stream).jPlayer("play");
}
},keyEnabled: true,preload: 'none',});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。