news 2026/4/15 22:16:28

Html5视频加密播放器(支持视频弹题、支持数字化动态ID随机水印)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Html5视频加密播放器(支持视频弹题、支持数字化动态ID随机水印)
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的使用基本结构介绍
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/16 8:47:08

揭秘Android定制:标签如何通过脚本操控系统

深入浅出&#xff1a;揭秘 Android 定制固件中的“魔法开关” 理解 TYPE_ 和 ENABLE_ 标签是如何通过脚本“活”起来的在 Android 系统定制开发中&#xff0c;你是否曾有过这样的疑惑&#xff1f;“为什么我只在一个配置文件里改了一个简单的标签&#xff0c;比如 TYPE_SCREEN_…

作者头像 李华
网站建设 2026/4/16 8:46:03

机器学习——决策树剪枝

一、引言在机器学习的世界中&#xff0c;决策树因其直观易懂的特性而广受欢迎。然而&#xff0c;就像一棵自然生长的树木需要修剪才能茁壮成长一样&#xff0c;决策树模型也需要"剪枝"来避免过拟合&#xff08;Overfitting&#xff09;&#xff0c;提高泛化能力。今天…

作者头像 李华
网站建设 2026/4/16 8:48:11

Windows系统文件vbscript.dll丢失损坏问题 下载修复

在使用电脑系统时经常会出现丢失找不到某些文件的情况&#xff0c;由于很多常用软件都是采用 Microsoft Visual Studio 编写的&#xff0c;所以这类软件的运行需要依赖微软Visual C运行库&#xff0c;比如像 QQ、迅雷、Adobe 软件等等&#xff0c;如果没有安装VC运行库或者安装…

作者头像 李华
网站建设 2026/4/16 8:46:35

城市仿真软件:CityEngine_(8).地形与景观建模

地形与景观建模 在城市仿真软件中&#xff0c;地形与景观建模是创建逼真城市环境的基础。CityEngine 提供了强大的工具和功能&#xff0c;使用户能够从各种数据源中导入地形数据&#xff0c;并对其进行编辑和优化&#xff0c;以生成符合需求的地形模型。此外&#xff0c;CityEn…

作者头像 李华