版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
要播放通过阿里云媒体处理生成的包含多个 .ts
文件和 .m3u8
文件的视频,您需要按照以下步骤操作。这些步骤涵盖了如何获取播放地址以及如何在自己的网站上实现播放。
播放地址可以通过以下两种方式获取:
.m3u8
文件和 .ts
文件存储到指定的 OSS Bucket 中。.m3u8
文件的完整路径(即播放地址)。https://your-cdn-domain.com/path/to/your-video.m3u8
https://your-bucket-name.oss-cn-region.aliyuncs.com/path/to/your-video.m3u8
QueryMediaList
接口查询视频的媒体 ID(MediaId)。MtsHlsUriToken
。https://your-cdn-domain.com/path/to/your-video.m3u8?MtsHlsUriToken=your-token
要在自己的网站上播放视频,您可以选择以下两种方案:
.m3u8
播放地址传入播放器 SDK。MtsHlsUriToken
到播放地址中。.m3u8
文件的播放地址。.m3u8
文件中的 EXT-X-KEY
标签 URI,获取解密密钥。Decrypt
接口解密信封密钥(EDK),并将明文密钥返回给播放器。.ts
文件。当 .m3u8
文件再次被请求时,系统会重新生成 .ts
文件。以下是一个简单的 HTML 示例,展示如何使用 hls.js 播放 .m3u8
文件:
<!DOCTYPE html>
<html>
<head>
<title>视频播放示例</title>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
<video id="video" controls width="640" height="360"></video>
<script>
var video = document.getElementById('video');
var videoUrl = 'https://your-cdn-domain.com/path/to/your-video.m3u8';
if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(videoUrl);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED, function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = videoUrl;
video.addEventListener('loadedmetadata', function() {
video.play();
});
}
</script>
</body>
</html>
通过以上步骤,您可以成功播放通过阿里云媒体处理生成的 .m3u8
和 .ts
文件,并将其嵌入到自己的网站中。