学习本阶段教程,您将了解并掌握如何对视频进行 DRM 加密,并使用播放器播放加密后的视频 。
在开始本教程之前,请您确保已满足以下前置条件。
您需要开通云点播,步骤如下:
至此,您已经完成了云点播的开通步骤。
请参考 如何申请 FairPlay 证书信息。
请参考 如何在华曦达控制台提交 FairPlay 证书信息。
请参考 设置华曦达用户密钥信息。
以您账号下的默认分发域名开启 Key 防盗链为例:
说明:请避免直接对正在使用的现网域名开启防盗链,否则可能造成现网的视频无法播放。
vodtestkey
,将生成好的 Key 复制下来,然后单击【确定】保存生效。防盗链 Key 可用于后续步骤中生成播放器签名。登录云点播控制台,选择 媒资管理>音视频管理,勾选要处理的视频(FileId 为387702304941991610),单击 音视频处理。
在视频处理界面:
说明:
- SDMC-WidevineFairPlayPreset 是预置任务流:分别使用31、41模板转自适应码流,10模板截图做封面,10模板截雪碧图。
- 31模板自适应码流是加密类型为
FairPlay
的多码率输出,41模板自适应码流是加密类型为Widevine
的多码率输出。
选择“基本信息”页签,可以看到生成的封面,以及 DRM 加密的自适应码流输出(模板 ID 为31和41)。
选择“截图信息”页签,可以看到生成的雪碧图(模板 ID 为10)。
播放器签名,用于后续查询播放信息,生成方式请参考 播放器签名文档 。 本教程的播放器签名的 PayLoad 如下:
{
"appId": 1500014561,
"fileId": "387702304941991610",
"currentTimeStamp": 1661163373,
"expireTimeStamp": 2648557919,
"pcfg": "SDMC-advanceDrmPreset"
}
本教程的 Key 为 vodtestkey
时,生成的播放器签名(psign
)如下:
eyJhbGciOiJIUzI1NiJ9.eyJhcHBJZCI6MTUwMDAxNDU2MSwiZmlsZUlkIjoiMzg3NzAyMzA0OTQxOTkxNjEwIiwiY3VycmVudFRpbWVTdGFtcCI6MTY2MTE2MzM3MywiZXhwaXJlVGltZVN0YW1wIjoyNjQ4NTU3OTE5LCJwY2ZnIjoiU0RNQy1hZHZhbmNlRHJtUHJlc2V0In0.BYdxHHEMH0isrta4ERmksGbfu4cLiwl7f1cu04XV890
您只需在初始化播放器时传入必要的播放文件参数即可播放 DRM 加密视频。
在适当的地方引入播放器样式文件与相关脚本文件:
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/tcplayer.min.css" rel="stylesheet"/>
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/TXLivePlayer-1.2.3.min.js"></script>
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/hls.min.1.1.5.js"></script>
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/flv.min.1.6.3.js"></script>
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/libs/dash.all.min.4.4.1.js"></script>
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.4/tcplayer.v4.5.4.min.js"></script>
在需要展示播放器的页面位置加入播放器容器,代码如下:
<video id="player-container-id" width="414" height="270" preload="auto" playsinline webkit-playsinline>
</video>
说明:容器 ID 以及宽高都可以自定义。
在页面初始化的代码中加入以下初始化脚本,传入必须的初始化参数(其中包含步骤3中生成的播放器签名psign
),代码如下:
var player = TCPlayer('player-container-id', {
appID: '1500014561', // 请传入点播账号的appID (必须)
fileID: '387702304941991610', // 请传入需要播放的视频filID (必须)
psign: 'eyJhbGciOiJIUzI1NiJ9.eyJhcHBJZCI6MTUwMDAxNDU2MSwiZmlsZUlkIjoiMzg3NzAyMzA0OTQxOTkxNjEwIiwiY3VycmVudFRpbWVTdGFtcCI6MTY2MTE2MzM3MywiZXhwaXJlVGltZVN0YW1wIjoyNjQ4NTU3OTE5LCJwY2ZnIjoiU0RNQy1hZHZhbmNlRHJtUHJlc2V0In0.BYdxHHEMH0isrta4ERmksGbfu4cLiwl7f1cu04XV890',
// 其他参数请在开发文档中查看 https://intl.cloud.tencent.com/document/product/266/39105
});
请参考 接入指引(通过 FileId 方式)播放 DRM 加密视频。其中,这一过程中需要使用到步骤3中生成的播放器签名psign
。
说明:在接入前,请您提交工单联系我们获取支持 DRM 功能的 SDK 。
请参考 接入指引(通过 FileId 方式)播放 DRM 加密视频。其中,这一过程中需要使用到步骤3中生成的播放器签名psign
。
说明:在接入前,请您提交工单联系我们获取支持 DRM 功能的 SDK 。
学习本教程后,您已经掌握如何对视频进行 DRM 加密,并使用播放器播放加密后的视频。
说明:在您对接 DRM 或者华曦达的过程中的任何问题,都可以提工单联系我们,我们全程负责帮您解决。
本页内容是否解决了您的问题?