要在你的网站上使用 Hls.js,你需要首先将 Hls.js 文件包含到你的 HTML 文件中。有两种方法可以做到这一点:
- 下载 Hls.js 文件并将其包含到你的网站中:
<script src="/path/to/hls.js"></script>
- 通过 CDN 引入 Hls.js:
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
然后,你就可以使用 Hls.js 了。在你的 JavaScript 代码中,你可以使用 Hls() 函数来创建一个新的 Hls 实例,并使用该实例的方法来控制播放器的行为。
例如,你可以使用以下代码来加载并播放一个 HLS 视频:
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('https://example.com/video.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
这样,Hls.js 就被成功引入并使用了。