辽宁省网站建设_网站建设公司_响应式网站_seo优化
2025/12/25 20:53:39 网站建设 项目流程
Html5视频加密播放器

播放器调用加密视频代码参考:

<div id="player"></div> <script src="//player.polyv.net/resp/vod-player/latest/player.js"></script> <script> var player = polyvPlayer({ wrap: '#player', width: 800, height: 533, vid: '88083abbf5bcf1356e05d39666be527a_8', playsafe:'81814fed-bdd0-4506-bec1-ebc8093148c5-hfevwsfxcsbcocx', //playsafeUrl:'https://myDomain.com/token', // 业务方自定义的获取播放凭证接口URL,与playsafe参数二选一 ts:'1568131545000', sign:'88313661ba7ded642c7b557b0a364b4b' }); //切换加密视频时,需要重新获取播放凭证。如果初始化播放器时使用了playsafeUrl参数,则播放器会自动获取新的凭证,无需传playsafe参数。 player.changeVid({ vid: '88083abbf5bcf1356e05d39666be527a_9', //需要切换的视频vid playsafe: '81814fed-bdd0-4506-bec1-ebc8093148c6-hfevwsfxcsbcocx', //新获取的playsafe token sign: '88313661ba7ded642c7b557b0a364b4c', //新获取的sign和ts参数 ts: '1568131545001' }); </script>

Web页面播放加密视频前,需要先访问业务方自己的服务端授权验证接口(可以在这里加上自有业务的授权验证逻辑,例如是否登录、是否购买课程等, 建议使用HTTPS)。如果业务上允许播放,则通过创建 Playsafe Token接口获取播放凭证(或者在服务端生成sign、ts参数),并返回给Web端播放器。

演示DEMO:https://tony.89525.com/qa-player.phphttps://tony.89525.com/qa-player.php

播放器属性

将所有参数以对象形式传入播放器,可以设置的属性包括:

名称类型描述
vidstring(必填项)上传到保利威平台的音视频的唯一ID
viewerInfoobject自定义观众信息。设置后,播放器上报的观看行为日志中会附带观众信息。
wrapstring需要载入播放器的css选择器
skinstring播放器皮肤(white / grey),如果使用自定义播放器皮肤,则不需传该参数。
autoPlayboolean是否自动播放。注:目前大多数浏览器都会限制自动播放,该参数可能无效。
loopboolean是否循环播放
volumenumber音量(范围0~1)
speednumber倍速播放
startTimenumber从第几秒开始播放,需小于视频时长
playsafefunction | stringPC端播放加密音视频所需的授权凭证,若要在PC端播放加密音视频才需要该参数,非加密音视频可忽略。
playsafeUrlstring获取PC端播放加密音/视频凭证的接口URL。与playsafe参数二选一。
signstring移动端播放加密音/视频所需的签名,非加密音/视频可忽略。
tsstring移动播放加密音/视频需传入的时间戳。

静态属性

可以通过 PlvAudioPlayer[key] 获取。

名称类型描述
EventTypeobject回调事件的汇总。

实例属性

每个播放器实例都有以下属性:

名称类型描述
audioobject原生的 audio 对象。
currentTimenumber当前播放位置,单位:秒。
durationnumber当前音频时长,单位:秒。
pausedboolean当前是否暂停状态。

播放器接口

API需要在播放器初始化完成之后调用,播放器接口列表如下:

名称参数类型说明
play/开始播放
pause/暂停播放
(async) changeVid/切换媒体文件。可传入vid字符串,或包含playsafe、sign、ts、vid属性的对象。
seekNumber跳转到指定位置播放,参数单位为:秒。
setLoopBoolean是否循环播放
setSpeedNumber设置倍速播放,参数取值(0,16]。非法值将设置为 1。
setVolumeNumber设置音量,参数取值[0,1]。非法值将设置为1。
stop/终止播放
(async) updateParam/更新播放器参数,音频会结束播放并重新下载。支持本文档中所列的播放器属性参数。
destroy/销毁当前播放器实例
开发指引

加密视频,需使用播放凭证方式进行播放,播放器需要传递的参数如下:

名称类型说明
playsafeString/FunctionPC端播放加密视频所需的授权凭证,业务方服务端通​ 过创建 Playsafe Token​接口获取并返回给播放器。
playsafeUrlString获取PC端播放加密视频凭证的接口URL(与playsafe参数二选一
tsNumber移动端H5播放加密视频需传入的13位毫秒级时间戳
signString移动端H5播放加密视频所需的签名,生成规则为点播账号的secretkey、vid、ts的值按顺序拼接后进行md5计算后的值,由业务方服务端生成并返回给播放器。
注:sign签名不需要转大写。
签名示例:
若secretkey为abc,vid为123,ts为1672829071000,此时签名sign为md5("abc1231672829071000")

注:playsafe或playsafeUrl参数用于PC端解密播放,ts、sign用于移动端H5播放器解密。如果PC和移动端使用同一份播放器代码,则三个参数都需要传值。

数字化动态ID随机水印

将用户ID、电话号码或其他信息内容等以动态水印形式展现在视频上,实现水印在视频上不规则地跑动,可追溯录屏者身份,对翻录行为起到强有力的震慑作用。一键开启数字化动态水印,对视频翻录起到震慑追溯作用。

数字化动态ID随机水印效果(中间深灰色半透明 [ UIDzhajiawen ] 即为数字化动态ID随机水印)

问答播放器/视频弹题功能

视频播放器的视频问答功能(也叫问答播放器、视频弹题、视频问答功能)是一种互动的教学功能,在教育培训机构中,用的比较多。视频问答功能,主要是在视频播放过程中,弹出问题卡片,学员回复问题后,再继续播放,增强学员的参与度和学习效果。

问答播放器/视频弹题的效果(由于设置视频问答弹题的时间点为第95秒,所以会在该指定时间点,弹出问题)

(注:弹出题目的内容,通常是视频刚刚介绍过的内容,学员在学习之后,看到弹出的问题,再进行回答,以达到强化学习要点的要求。)

视频应用

  • 保持视频二维码不变更新视频内容的教程
  • 视频二维码制作与应用的分步骤教程(职场小白也会用)
  • 如何把多个视频文件生成一个二维码(图文教程)
  • 音视频转换生成视频二维码,如何操作快速生成?
  • 视频二维码也可以做倍速观看,看教程吧

热门原创推荐

  • 无版权,全免费,请收藏这10个免费高清无权素材网站
  • 常用照片尺寸对照表,照片大小看这个表就OK了
  • 如何使用FTP上传文件(FTP文件传输)
  • 在线视频加密播放(加密视频观看)操作教程完整版
  • 企业公众号菜单添加视频的完整教程(组图)

AI工具类文章

  • AI应用:mijdourney 如何写prompt
  • Midjourney最基础的一些使用设置
  • Gemini 前世今生全面的信息介绍
  • AI视频成工具D-ID介绍(AI数字人常用工具)
  • Midjourney Prompt的使用基本结构介绍

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询