You need to enable JavaScript to run this app.
导航
体验 Demo
最近更新时间:2024.11.05 20:30:43首次发布时间:2021.02.23 10:42:36

视频点播体验 Demo 是视频点播全链路的最佳实践,覆盖移动端、Web 端和小程序平台,针对短视频、中视频、长视频、短剧等常见播放场景,提供完整的产品级业务源码。通过体验 Demo,您可以深入了解点播 SDK 的功能和特性,并根据自身业务需求进行针对性的修改和调试,从而节省开发时间和成本。

移动端

移动端 Demo 支持 Feed 流播放、预加载待播视频文件、半屏或全屏播放、调节视频清晰度、倍速播放、视频缓存等功能,涵盖以下场景:

  • 短剧:每集时长从几十秒到 15 分钟左右,内容一般是连续和完整的故事情节,采用竖屏沉浸式全屏播放样式。用户可通过上下滑动切换剧集,也可通过点击集数切换到到指定剧集。
  • 短视频:类似于抖音的场景,一屏只展示一个视频,用户可通过上下滑动来切换浏览不同的短视频内容。
  • 中视频:类似于西瓜视频横屏播放的场景,Feed 流中同时存在 2 个以上的视频,用户可以快速滑动浏览多个视频,每次滑动可能划过多个视频。
  • 长视频:提供沉浸式的全屏播放场景和播放页场景,适用于播放影视、综艺等长时间的视频内容。

Demo 展示

Image

体验地址

注意

请使用浏览器或手机自带的二维码扫描工具扫描下方二维码。请勿使用微信或 QQ 扫描,否则可能会出现无法下载的情况。

平台

二维码

GitHub 源码

跑通说明

Android

Image

VEVodDemo-Android

跑通 Demo

iOS

Image

VEVodDemo-iOS

跑通 Demo

后续操作

推荐使用最佳策略,能够快速实现零首帧体验的短视频播放效果。短视频场景最佳实践实现的详细过程,详情请见:

Web 端

功能 Demo

前往 VePlayer Web 端 Demo,体验播放器的常用播放功能,查看示例代码并进行在线配置。
Image

场景 Demo

基于场景化最佳实践开发,当前仅支持 H5 demo,包含短剧场景。使用微信或飞书扫描以下二维码体验 H5 端 Demo。
Image

说明

H5 demo GitHub 源码地址:veplayer-demo

注意

Android 手机自带浏览器存在播放器被劫持的情况下,有些功能(例如选集浮层和返回等按钮)会不可用。

小程序

小程序 Demo 基于场景化最佳实践开发,当前支持微短剧场景。

Demo 展示

Image

体验地址

平台

二维码

(推荐)代码片段

运行说明

微信

Image

代码片段

跑通 Demo

抖音

暂无

代码片段

注意

如果二维码扫码进入的 Demo 没有权限,推荐使用通过小程序开发者工具打开代码片段的方式进行体验。