Files
soulspace/node_modules/tcplayer.js/dist/examples/vod/veplayer.html
2025-03-05 15:16:45 +08:00

38 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="zh">
<head>
<title>VePlayer</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" href="//lf-unpkg.volccdn.com/obj/vcloudfe/sdk/@volcengine/veplayer/1.9.5//index.min.css">
<script>window.gfdatav1={"env":"prod","idc":"lq","ver":"1.0.0.607","canary":0,"envName":"prod","region":"cn","runtime":"workerV2","extra":{"canaryType":null}}</script><script src="//lf-unpkg.volccdn.com/obj/vcloudfe/sdk/@volcengine/veplayer/1.9.5//index.min.js"></script>
</head>
<body>
<div id="mse"></div>
<script>
const playerSdk = new VePlayer({
id: 'mse',
lang: 'zh',
width: 640,
height: 360,
unionId: 'veplayer_demo',
getVideoByToken: {
playAuthToken: 'FileType为evideo的playAuthToken',
getDrmAuthToken: (playAuthIds, vid, unionInfo) => {
// 请求业务服务端生成 PrivateDrmAuthToken
const request = window.fetch(`https://video-server.demo.com/api/GetDrmKeyToken/?kid=${encodeURIComponent(playAuthIds)}&vid=${vid}&uid=${unionInfo}`);
return request.then(res => res.json()).then(data => data.result);
}
},
vodLogOpts: {
vtype: 'MP4',
tag: '版权视频',
drm_type: 1,
line_app_id: 348293,
line_user_id: 'veplayer_web_demo'
}
});
</script>
</body>
</html>