npm 包 mixer-vods 使用教程

介绍

mixer-vods 是一款npm包,用于获取Mixer网站上的直播录像信息和指定时间段的视频流链接,方便前端开发者轻松实现Mixer直播录像的播放和分享功能。

在这篇教程里,我们将会详细介绍如何使用mixer-vods,包括如何获取直播录像信息、如何使用指定时间段的视频流链接,以及如何将视频流链接嵌入到网页上进行播放。

安装

可以在npm上安装mixer-vods包:

--- ------- ----------

使用

在使用mixer-vods之前,你需要先去Mixer官网上获取API凭证。获取凭证的方法可以参考官方文档

在获取到凭证之后,你可以调用mixer-vods的API来获取直播录像信息和视频流链接。

获取直播录像信息

获取直播录像信息可以使用 MixerVods.getChanneVideos 方法,这个方法需要传入频道的id和你的凭证。

----- --------- - ----------------------
----- --------- - --- -------------------- --------------- ------------- ---------------------

--------------------------------------------------------- -- -
  --------------------
---

该方法返回的是一个数组,包含了该频道下的所有直播录像信息,每项录像信息包含以下字段:

字段名 描述
id 录像的id
url 录像的网址
title 录像的标题
length 录像的时长

获取视频流链接

获取指定时间段的视频流链接可以使用 MixerVods.getVideoStreamUrl 方法,这个方法需要传入录像的id和你的凭证。

----- --------- - ----------------------
----- --------- - --- -------------------- --------------- ------------- ---------------------

----- -------- - ----------------
----- --------- - ----------
----- ------- - ----------
------------------------------------------ ---------- ------------------- -- -
  -----------------
---

该方法返回的是一个字符串,是指定时间段的视频流链接。

播放视频

将视频流链接嵌入到网页上进行播放,你可以使用HTML的video标签,通过设置src属性为视频流链接来实现。

------ ----------- ------------ ---------
  ------- --------------------- -----------------
--------

总结

本文简单介绍了如何使用mixer-vods来获取Mixer直播录像信息和视频流链接,并通过示例代码说明了如何将视频流链接嵌入到网页上进行播放。mixer-vods可以方便开发者实现Mixer直播录像的播放和分享功能。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005609581e8991b448deca5


猜你喜欢

  • npm 包@hadesoft/overboard-cli 使用教程

    背景介绍 在前端开发中,执行一些重复性的工作是不可避免的,比如创建文件夹、生成模板代码等。为了提高开发效率,我们通常会借助一些工具来自动化这些重复性工作。 在这里,我们介绍一款 npm 包 @hade...

    3 年前
  • npm 包 api_client_shared_library 使用教程

    简介 api_client_shared_library 是一个基于 JavaScript 的 npm 包,旨在提供一个通用的 API 客户端库,可被用于不同的前端项目中。

    3 年前
  • npm 包 image2svg-loader 使用教程

    介绍 image2svg-loader 是一个可以将图片转换成 SVG 格式的 Webpack loader。它可以将 png、jpg、gif、bmp、tiff 等格式的图片转换成可缩放的矢量图形,从...

    3 年前
  • npm 包 react-mic-fix 使用教程

    在前端开发中,我们可能需要使用到麦克风录音功能。而 npm 上有一款流行的 react 麦克风录音组件库 – react-mic,但是这个库存在一些问题,反应不及时等。

    3 年前
  • npm 包 vue-giphy 使用教程

    vue-giphy 是一个非常有用的 npm 包,它能够帮助我们在 Vue 项目中轻松地集成 Giphy API,并实现一些有趣的功能,比如 GIF 搜索和展示。 安装 要使用 vue-giphy,我...

    3 年前
  • npm 包 vue-show-loadings 使用教程

    简介 vue-show-loadings 是一个基于 Vue.js 的轻量级加载组件,可以方便地在 Vue 项目中添加自定义的加载效果。它具有以下特点: 简单易用:只需几行代码就能集成到你的项目中。

    3 年前
  • npm 包 date-ago 使用教程

    随着前端的发展,越来越多的开发者开始使用 npm 包。而在 Web 开发中,日期处理也是必不可少的一项技能。date-ago 这个 npm 包是一个简单易用的日期处理工具,可以让你轻松地处理日期并将其...

    3 年前
  • NPM 包 alacrity 使用教程

    简介 alacrity 是一个 JavaScript 库,用于为你的各种应用程序提供无缝的文本快速搜索和高亮功能。它是一个轻量级且易于使用的库,可以与任何前端框架(例如 React、Angular 等...

    3 年前
  • npm 包 egg-development-proxyworker 使用教程

    在前端开发中,我们经常会遇到需要在本地调试代码,并在实际环境中部署代码的场景。但是,在本地 debug 代码可能会因为环境不同导致出现意想不到的问题,同时也会浪费开发者的时间与精力。

    3 年前
  • npm 包 dropbear 使用教程

    什么是 dropbear dropbear 是一个在低端嵌入式设备上运行的 SSH 服务端。它的主要特点是体积小巧,可以很方便地在资源有限的设备上部署 SSH 服务。

    3 年前
  • npm 包 killara-memcached 使用教程

    什么是 killara-memcached killara-memcached 是一款 Node.js 的内存缓存模块,它基于 memcached 协议实现,具有高速、高效、稳定、可靠等优点。

    3 年前
  • npm 包 eslint-plugin-salesforce-commercecloud 使用教程

    前言 在 Salesforce Commerce Cloud 的前端开发过程中,为了提高代码的质量和规范,我们需要使用一些代码检查工具,其中包括 ESLint。而在 ESLint 中,我们常常使用一些...

    3 年前
  • npm 包 jegulpy 使用教程

    jegulpy 是一个 Node.js 模块,用于解析、修改和生成 HTML 和 CSS 文档。它是基于 Gulp 构建工具和插件 vinyl-fs 和 vinyl-source-stream 开发的...

    3 年前
  • npm 包 es-unit 使用教程

    引言 在前端开发中,我们经常需要进行单元测试来保障项目的质量。使用 es6 语法的项目则需要用到 es6 的模块化,由于浏览器并不完全支持 es6 的模块化语法,我们便需要借助一些工具来进行测试,es...

    3 年前
  • npm包eslint-plugin-engelhorn-sfcc使用教程

    简介 eslint-plugin-engelhorn-sfcc是一个基于ESLint规则的插件,用于检测Salesforce Commerce Cloud平台的JavaScript代码风格,并提供建议...

    3 年前
  • 介绍 Min-repr

    Min-repr 是一个 npm 包,用于优化前端应用程序中大量重复的 HTML,CSS 和 JavaScript 代码。它使用 Template Literal 和 JavaScript 的字符串函...

    3 年前
  • npm 包 react-native-countup 使用教程

    前言 React Native 是一个能够让开发者使用 JavaScript 和 React 构建原生移动应用程序的框架。在使用 React Native 开发移动应用程序时,您可能需要在应用程序中使...

    3 年前
  • npm 包 dygraphs2 使用教程

    前端开发中,使用图表展示数据是非常常见的需求。dygraphs2 是一个基于 JavaScript 的图表库,它可以轻易地帮助我们实现各种类型的图表展示。在这篇文章中,我们将会介绍如何使用 npm 包...

    3 年前
  • npm 包 miracle-cli 使用教程

    介绍 Miracle-cli 是一个基于 Node.js 的命令行工具,用于快速构建 Web 应用程序,同时实现了常用的前端工程化功能,如编译、打包、压缩等。该工具的主要功能包括: 快速搭建 Web...

    3 年前
  • npm 包 react-iso-cli 使用教程

    在前端开发中,我们经常会用到 React.js 来构建用户界面,同时我们也需要考虑到 SEO(搜索引擎优化)等问题。在这种情况下,我们需要使用 React 服务器渲染技术(React Server S...

    3 年前

相关推荐

    暂无文章