介绍
mixer-vods 是一款npm包，用于获取Mixer网站上的直播录像信息和指定时间段的视频流链接，方便前端开发者轻松实现Mixer直播录像的播放和分享功能。
在这篇教程里，我们将会详细介绍如何使用mixer-vods，包括如何获取直播录像信息、如何使用指定时间段的视频流链接，以及如何将视频流链接嵌入到网页上进行播放。
安装
可以在npm上安装mixer-vods包：
npm install mixer-vods
使用
在使用mixer-vods之前，你需要先去Mixer官网上获取API凭证。获取凭证的方法可以参考官方文档。
在获取到凭证之后，你可以调用mixer-vods的API来获取直播录像信息和视频流链接。
获取直播录像信息
获取直播录像信息可以使用 MixerVods.getChanneVideos 方法，这个方法需要传入频道的id和你的凭证。
const MixerVods = require('mixer-vods'); const mixerVods = new MixerVods({clientId: YOUR_CLIENT_ID, clientSecret: YOUR_CLIENT_SECRET}); mixerVods.getChannelVideos(YOUR_CHANNEL_ID).then((videos) => { console.log(videos); });
该方法返回的是一个数组，包含了该频道下的所有直播录像信息，每项录像信息包含以下字段：
| 字段名 | 描述 |
|---|---|
| id | 录像的id |
| url | 录像的网址 |
| title | 录像的标题 |
| length | 录像的时长 |
获取视频流链接
获取指定时间段的视频流链接可以使用 MixerVods.getVideoStreamUrl 方法，这个方法需要传入录像的id和你的凭证。
-- -------------------- ---- ------- ----- --------- - ---------------------- ----- --------- - --- -------------------- --------------- ------------- --------------------- ----- -------- - ---------------- ----- --------- - ---------- ----- ------- - ---------- ------------------------------------------ ---------- ------------------- -- - ----------------- ---展开代码
该方法返回的是一个字符串，是指定时间段的视频流链接。
播放视频
将视频流链接嵌入到网页上进行播放，你可以使用HTML的video标签，通过设置src属性为视频流链接来实现。
<video width="320" height="240" controls> <source src="YOUR_STREAM_URL" type="video/mp4"> </video>
总结
本文简单介绍了如何使用mixer-vods来获取Mixer直播录像信息和视频流链接，并通过示例代码说明了如何将视频流链接嵌入到网页上进行播放。mixer-vods可以方便开发者实现Mixer直播录像的播放和分享功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005609581e8991b448deca5
