开发者社区> 问答> 正文

视频点播UNI-APP如何接入?

视频点播UNI-APP如何接入?

展开
收起
提问的橘子 2024-07-25 14:16:34 279 0
2 条回答
写回答
取消 提交回答
  • 要在uni-app中使用阿里云视频点播Web播放器SDK,您需要通过动态添加 <script>标签来引入SDK和CSS。以下是一个简单的步骤:

    在template部分,创建一个播放器容器,例如<div id="url-player-test"></div>
    在mounted生命周期钩子中,调用loadWebPlayerSDK和loadComponent方法(如果需要自定义组件)。
    loadWebPlayerSDK方法中创建<script>标签,加载播放器JS(链接)和CSS(链接)。
    初始化Aliplayer实例,设置视频源、宽高等属性。
    参考代码如下:
    image.png

    uni-app的Web播放器SDK仅支持Web端和app-vue的renderjs模式。

    2024-07-25 19:47:52
    赞同 2 展开评论 打赏
  • 视频点播UNI-APP接入步骤如下:

    前提条件:

    1. 开通阿里云视频点播服务。
    2. 添加并完成点播加速域名的CNAME绑定。

    接入流程:

    1. 创建uni-app项目:如果您还未创建uni-app项目,参考DCloud官方文档通过HBuilder可视化界面创建;已有项目则直接进入下一步。
    2. 下载并引入插件:访问阿里云号码认证SDK插件地址,下载“下载for离线打包”版本。在项目根目录新建nativeplugins文件夹,解压下载的AliCloud-NirvanaPns_1.1.0.zip并放入该文件夹。
    3. 配置插件:打开根目录manifest.json文件,点击“App原生插件配置 > 选择本地插件”。在“本地插件选择”对话框中勾选“阿里云号码认证SDK”,确认引入。
    4. 视频加密设置:登录阿里云视频点播控制台,依次选择“配置管理”>“媒体处理配置”>“转码模板组”,添加转码模板组。在普通转码模板区域添加模板,将封装格式设为hls;在视频打包模板区域添加模板,开启“视频加密”开关。
    5. 视频上传:使用SDK、OpenAPI、控制台或第三方工具将视频文件上传至视频点播。等待转码完成后,视频状态变为“正常”即可播放。
    6. 视频播放:视频点播提供iOS、Android、Web(H5、Flash)多平台播放器SDK供集成。注意:移动端iOS平台Web播放器暂不支持私有加密视频,推荐使用HLS标准加密。
    7. 获取播放凭证(如适用):如使用播放凭证方式播放私有加密视频,通过API接口或SDK获取所需的playauth参数。

    综上,遵循上述步骤,即可成功将视频点播功能接入UNI-APP项目。请注意,阿里云号码认证SDK插件仅适用于基于uni-app开发的Android或iOS应用,不支持各类小程序。

    2024-07-25 16:15:35
    赞同 6 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载