用aliplayer如何实现视频的连续播放?
2021/12/28 15:07:03
本文主要是介绍用aliplayer如何实现视频的连续播放?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
摘要: 场景 假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播放器类型和切换的地址格式,采用不同的实现方式。 直播地址方式 这种方式最简单,h5和flash的行为都是一致的,只需要订阅'ended', 在ended事件里,调用loadByUrl方法, 参数为下一个视频的地址。
场景
假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播放器类型和切换的地址格式,采用不同的实现方式。直播地址方式
这种方式最简单,h5和flash的行为都是一致的,只需要订阅'ended', 在ended事件里,调用loadByUrl方法, 参数为下一个视频的地址。
function endedHandle() { var newUrl = ""; player.loadByUrl(newUrl); } player.on("ended", endedHandle);
vid+playauth Saas播放方式
vid和playauth Saas播放方式,h5和flash需要不同的处理方式:h5在ended事件里调用replayByVidAndPlayAuth方法,参数为vid和新的playauth值。flash没有提供切换vid和playauth的方法,需要销毁,重新创建播放器。注意:playauth的有效期只有100s, 调用replayByVidAndPlayAuth方法时,需要重新生产获取playauth
H5 Player
function endedHandle() { var newPlayAuth = ""; player.replayByVidAndPlayAuth(vid,newPlayAuth); } player.on("ended", endedHandle);
Flash Player
function endedHandle() { var newPlayAuth = ""; player.dispose(); //销毁 $('#J_prismPlayer').empty();//id为html里指定的播放器的容器id //重新创建 player = new Aliplayer({ id: 'J_prismPlayer', autoplay: true, playsinline:true, vid: vid, playauth:newPlayAuth, useFlashPrism:true }); } } player.on("ended", endedHandle);
地址协议不一样切换地处理
如果原来播放的是mp4的视频,现在新的地址是hls的视频地址,这种情况只能重新创建播放器。
function endedHandle() { var newUrl = ""; //新的播放地址 player.dispose(); //销毁 $('#J_prismPlayer').empty(); //id为html里指定的播放器的容器id //重新创建 player = new Aliplayer({ id: 'J_prismPlayer', autoplay: true, playsinline:true, source:newUrl }); } } player.on("ended", endedHandle);
;作者:樰篱
这篇关于用aliplayer如何实现视频的连续播放?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-29蓝桥杯大赛单片机比赛经验总结
- 2024-05-29AI 一键生成高清短视频,视频 UP 主们卷起来...
- 2024-05-29打造 AI “看牙”新体验,当 Serverless 遇上口腔医疗
- 2024-05-27取代或转型?人工智能对软件测试的影响(内附工具推荐)
- 2024-05-14让创意在幻觉中肆虐: 认识Illusion Diffusion AI
- 2024-05-08Sora从入门到入门-白话版1
- 2024-05-082024年github开源top100中文
- 2024-05-083、最大池化maxinmum pooling
- 2024-05-08动态规划基础思想
- 2024-05-08Kimi:文本解析利器,你相信光么?