用aliplayer如何实现视频的连续播放？

fou7 发布于2019-08-05 12:30 / 1170人阅读

摘要：注意的有效期只有，调用方法时，需要重新生产获取销毁为里指定的播放器的容器重新创建地址协议不一样切换地处理如果原来播放的是的视频，现在新的地址是的视频地址，这种情况只能重新创建播放器。

摘要：场景假如有多个视频，在上一个视频播放完毕时，自动播放下一个视频，要怎么处理的呢？需要按使用的播放器类型和切换的地址格式，采用不同的实现方式。
直播地址方式这种方式最简单，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
H5Player

function endedHandle()
{
  var newPlayAuth = ""; 
  player.replayByVidAndPlayAuth(vid,newPlayAuth);
}

player.on("ended", endedHandle);Flash Playerfunction 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);

作者：樰篱

服务器托管私有云 webrtc实现视频播放 js实现视频播放 js实现视频播放器如何获得鼠标连续的点

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/56896.html

如何利用阿里视频云开源组件，快速自定义你的H5播放器？

摘要：所以，支持自定义的新版应运而生。组件的实现方式，用户如何快速自定义开发组件提供了两种方式让用户去开发自己的播放器组件的类型定义一个组件当您的项目是使用的语法，通过或者构建时，建议使用这种方式。摘要： Aliplayer希望提供一种方便、简单、灵活的机制，让客户能够扩展播放器的功能，并且Aliplayer提供一些组件的基本实现，用户可以基于这些开源的组件实现个性化功能，比如自定义UI...

robin 2019-06-21 16:19 评论0 收藏0
阿里云视频点播从小白到大咖

摘要：阿里云视频点播提供了完善的内容安全保护机制，可以满足不同业务场景的安全需求。使用方式参考阿里云视频加密阿里云视频加密。阿里云视频加密整体架构阿里云视频加密方案包含两部分加密转码解密播放。阿里云视频点播技术能力盘点_阿里云Edge Plus的博客-CSDN博客视频点播（ApsaraVid...

mingde 2021-10-09 09:44 评论0 收藏0
快速探索，音视频技术不再神秘

摘要：顶场与底场采集视频信号时，扫描方式分为逐行扫描与隔行扫描。逐行扫描则是将每帧的所有画面同时显示。在对逐行扫描的视频源进行压缩的方面，比它之前的视频编码标准在性能上有了较大的提升。欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文由goo发表于云+社区专栏与生活紧密相连的音视频，为何有那么多格式？直播、点播以及即时视频其中又有怎样的机制支撑？面对纷繁复杂的音视频知识，应该...

sunnyxd 2019-04-23 15:21 评论0 收藏0
为何专注于流媒体领域？PPIO 技术揭秘

摘要：的分片方式是和文件结构或者流媒体协议相关的。需要注意的是，这里的普通文件不是流媒体视频文件，不具备流媒体的特性。，也就是分段流媒体的原始分段。除了支持分段流和连续流以外，后面还计划逐步支持其他媒体格式和协议。工作日早晨8点的地铁，Lisa 拿出手机打开 Tik Tok 来打发半小时的通勤时间；12点，吃完午饭的 Lisa 趁着午休时间忙里偷闲看看 YouTube 上有趣搞笑的视频；晚...

el09xccxy 2019-06-27 19:21 评论0 收藏0
详解音视频直播中的低延时

摘要：所以设备整体的性能，也会影响音视频采集编解码与播放的延时。采样率是每秒从连续信号中提取并组成离散信号的采样个数。视频质量与延时影响实时视频质量的因素包括码率帧率分辨率延时。高泽华，声网 Agora 音频工匠，先后在中磊电子、士兰微电子、虹软科技主导音频项目。任职 YY 期间负责语音音频技术工作。在音乐、语音编解码方面有超过十年的研发经验。音视频实时通讯的应用场景已经随处可见，从吃鸡...

Heier 2019-06-25 16:45 评论0 收藏0