前言
在前端开发中，有很多需要使用视频、音频等媒体资源的场景。而在移动端开发过程中，又需要考虑与硬件设备的互动。本篇文章，我们将介绍一款用于在 Cordova 应用中播放视频、音频的 npm 包 evm-cordova-plugin-streamingmedia，并提供使用教程及示例代码。
evm-cordova-plugin-streamingmedia 是什么
evm-cordova-plugin-streamingmedia 是官方 Cordova 插件，用于直接在 Cordova 应用中播放在线媒体流。该插件支持 iOS 和 Android 平台，可以播放实时视频、实时音频和其他媒体流。
安装 evm-cordova-plugin-streamingmedia
在使用 evm-cordova-plugin-streamingmedia 前，需要先安装 Cordova 全局环境，以便于能调用 Cordova CLI。接下来，我们介绍安装步骤。
步骤一
npm install -g cordova
步骤二
在 Cordova 项目中添加 evm-cordova-plugin-streamingmedia，运行以下命令安装该插件
cordova plugin add https://github.com/eddyverbruggen/Streaming-Media-Cordova-Plugin.git
注：如果你在 npm 安装时指定了版本，那么需要将上面的连接替换为对应版本的连接。
evm-cordova-plugin-streamingmedia 的 API
我们可以使用几个 API 在 Cordova 应用中播放媒体流。
API 列表
播放视频
streamingMedia.playVideo(url, options);
播放音频
streamingMedia.playAudio(url, options);
停止播放媒体
streamingMedia.stopAudio(); streamingMedia.stopVideo();
API 详解
播放视频
streamingMedia.playVideo(url, options);
播放视频需要三个参数，一个是媒体流的 URL，一个是选项，还有一个是回调函数。其中媒体流 URL 是必须的。如果不使用选项，则可以将 options 参数设置为空对象 {}。
以下是使用示例
-- -------------------- ---- -------
--- ------- - -
---------------- -------- -- -
------------------ --- ------ ------- ---------
--
-------------- -------- -------- -
------------------- - - --------
--
------------ ------------
---------------- -----
--------- ----
--
--- --- - --------------------------------------
----------------------------- ---------播放音频
streamingMedia.playAudio(url, options);
与播放视频一样，播放音频也需要媒体流的 URL 和选项。如果不使用选项，则可以将 options 参数设置为空对象 {}。
以下是使用示例
-- -------------------- ---- -------
--- ------- - -
---------------- -------- -- -
------------------ --- ------ ------- ---------
--
-------------- -------- -------- -
------------------- - - --------
--
-------- ----------
-------- ------------------------
--
--- --- - --------------------------------------
----------------------------- ---------停止播放媒体
streamingMedia.stopAudio(); streamingMedia.stopVideo();
停止播放媒体需要调用相应的 API，如上面的代码所示。
总结
在本篇文章中，我们简单介绍了 npm 包 evm-cordova-plugin-streamingmedia，并提供了安装步骤、API 详解及使用示例。希望本文能帮助读者更好的使用该插件，并在实际开发中体现其价值。最后，感谢您的阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f74238a385564ab6876