npm 包 brightcove 使用教程-JavaScript中文网-JavaScript教程资源分享门户

简介

brightcove 是一款用于在网页上嵌入视频的 npm 包。它可以提供自定义视频播放器、视频上传、视频进度条等功能。对于一个需要在自己网站上播放视频的前端开发者来说，brightcove 是一个非常方便的工具。

安装

使用 npm 安装 brightcove：

npm install brightcove --save

使用

在你需要嵌入视频的页面中引入 brightcove：

<script src="/path/to/brightcove.min.js"></script>

接下来，我们需要用一个具有一定规律的 HTML 文档来渲染视频。

<div style="width: 640px; height: 360px;" id="my-video-player"></div>

我们需要为其绑定一个数据集，这个数据集包含了视频的信息。这个数据集称为 Video Cloud JS 对象。这个对象可以通过 Brightcove 提供的 API 来生成。

var myVideoPlayer = brightcove.api.getExperience("my-video-player");

var myPlayer = myVideoPlayer.getModule(apiModule.VideoPlayer);

我们获得这个对象后，就可以用来调用API了。API包含控制video播放器的各种指令，比如：

myPlayer.play();
myPlayer.stop();
myPlayer.seek(30000);
myPlayer.setVolume(0.5);

按照以上步骤，几乎所有网站开发者都可以实现自己网站上的视频播放器。

示例代码

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

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

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

结论

使用npm包 brightcove不仅可以让我们更快速、方便的在自己网站上使用视频，还能提供大量的自定义视频播放器、视频上传、视频进度条等功能。希望本篇文章能够帮助到正在网站前端开发的各位！

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60066c88ccdc64669dde506e