news 2026/8/16 16:15:16

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/8/11 4:15:55

【最新2023】各省地区生产总值GDP 人均生产总值(人均GDP) 地区生产总值指数的 省级省份

【最新2023】各省地区生产总值GDP 人均生产总值(人均GDP) 地区生产总值指数的 省级省份 时间范围1999-2023年 人均生产总值指数(人均GDP指数) 包括一下: 人均生产总值(人均GDP) 各省地区生产总值GDP 人均生产总值指数(人均GDP指数) 地区生产总值指数 见图 说明:人均生产总值指…

作者头像 李华
网站建设 2026/8/6 0:22:13

医疗自动标注漏医生隐写症状 后来补NLP规则引擎才救回诊断准确率

&#x1f4dd; 博客主页&#xff1a;jaxzheng的CSDN主页 目录医疗数据科学&#xff1a;当Excel遇上心电图&#xff0c;我差点把医院整崩溃了 一、为什么说我是"数据界的急诊科医生" 二、那些年我在医疗数据里踩过的坑 三、那些让人拍案叫绝的医疗数据应用 四、给想入…

作者头像 李华
网站建设 2026/8/6 22:40:44

C 语言字符串函数超全解析

对于刚接触 C 语言的小伙伴来说&#xff0c;字符串函数就像 “字符处理的万能工具”&#xff0c;但用不好也容易踩坑。这篇内容会从 “核心逻辑→常用函数→避坑指南” 一步步讲&#xff0c;先懂底层、再学用法、最后避坑&#xff0c;保证通俗易懂&#xff5e; 一、先搞懂&…

作者头像 李华
网站建设 2026/7/30 6:08:33

海外仓签收入库环节怎么优化?海外仓入库流程优化方案(附TOPWMS实操)

在海外仓一件代发业务中&#xff0c;海外仓入库环节常被低估&#xff0c;但入库的问题直接影响到后续仓库的一系列操作。货物堆堵、SKU混乱、错发追责等入库乱象&#xff0c;并非单纯的管理疏忽&#xff0c;其根源在于缺乏一套系统化、标准化的流程管控体系。今天将根据我们的东…

作者头像 李华
网站建设 2026/8/16 15:08:01

国产操作系统

麒麟操作系统&#xff08;Kylin&#xff09;课程核心知识点总结&#xff08;含实操要点&#xff09; 作为国产操作系统的标杆代表&#xff0c;麒麟操作系统&#xff08;含银河麒麟、中标麒麟系列&#xff09;是 “安可工程” 核心支撑平台&#xff0c;课程围绕其 “高安全、高…

作者头像 李华
网站建设 2026/8/10 15:43:33

基于Uniapp的派出所业务管理系统微信小程序(程序+文档+讲解)

课题介绍 在基层派出所移动化办公、业务办理高效化需求下&#xff0c;传统派出所管理存在 “线下办理繁琐、数据同步滞后、外勤执法不便” 的痛点&#xff0c;基于 Uniapp 构建的派出所业务管理系统&#xff0c;适配民警、辅警、户籍窗口人员、派出所管理员等角色&#xff0c;支…

作者头像 李华