openplayerjs

OpenPlayer.js

这是一名使用HTML5视频/音频元素的所有商品来播放MP4/MP3，HLS和M（PEG）-DASH中最受欢迎的媒体，并且还具有播放VMAP，庞大和VPAID广告的能力。

重要的

?此时，此存储库正在维护中。 ?

不会添加新功能或添加功能，只有错误修复。

优势

• 支持所有现代浏览器。
• 没有依赖性，因为它是用打字稿编写的。
• 运行一种简单但功能强大的算法，以检查浏览器跨浏览器的浏览器的自动播放功能。
• 增强玩家添加自己的按钮。在此处查看更多详细信息。
• 提供了使用单个庞大/VPAID源或来自多个不同来源（包括URL和有效XML字符串）的大量/VPAID播放列表的能力。
• 可以在无限循环中播放广告，对于重型文本页面中的广告所需的广告。
• 默认情况下，始终响应视频/音频标签；对于视频，相对于其父容器， fill和fit模式可用于刻度和农作物介质，或者试图使媒体分别适合其父容器（包括黑色条）。

从较旧版本迁移到新版本

要了解有关如何从1.xx版本迁移到2.xx的更多详细信息，或者在较新版本中的任何破坏变化，请访问迁移文档。

入门

以下片段中显示要开始使用openplayerjs标准模板。

openplayerjs(\’player\’);
player.init();
</script>
</body>
</html>\”>

 < html >
    < head >
        < link rel =\" stylesheet \" href =\" https://cdn.jsde*l*i*vr.net/npm/openplayerjs@latest/dist/openplayer.min.css \" />
    </ head >
    < body >
        < video class =\" op-player__media \" id =\" player \" controls playsinline >
            < source src =\" /path/to/video.mp4 \" type =\" video/mp4 \" />
            < track kind =\" subtitles \" src =\" /path/to/video.vtt \" srclang =\" en \" label =\" English \" />
        </ video >
        < script src =\" https://cdn.*j*sdeliv*r.net/npm/openplayerjs@latest/dist/openplayer.min.js \" > </ script >
        < script >
            // Check the `API and events` link below for more options
            const player = new openplayerjs ( \'player\' ) ;
            player . init ( ) ;
        </ script >
    </ body >
</ html > 

用法和API指南

如果您想释放openplayerjs的功能，请通过检查以下链接来了解有关openplayerjs更多信息。

• 如何使用openplayerjs
• html
• JavaScript
  • 关于levels控制
  • 关于第三方图书馆的使用
• react/next.js
• API和事件
  • API
  • 事件
  • 键盘快捷键
• 新的！播放器自定义
  • 修改外观
  • 添加控制
  • 添加外部播放器API

代码样本

如果您需要有关如何在某些最常见的方案中使用openplayerjs的参考，请检查以下链接：

初学者

• 没有配置（只有DOM类）
• 最小配置
• 使用fill模式
• 使用fit模式
• 使用AD（线性和非线性样品）
• 删除控件并使用preload=\"none\"
• 使用Levels和设置宽度/高度
• 使用FLV源（仅现代浏览器和Android，而不是iOS）
• 带有React的openplayerjs
• next.js的openplayerjs
• 带有vue.js的openplayerjs
• YouTube视频（使用插件）
• 使用HLS.JS P2P插件

中间的

• 初始化后添加源
• 使用DRM（加密）播放HLS流媒体
• m（钉） – 带有广告的扎装
• 广告播放列表（多个URL）
• 添加自定义元素（水印）

先进的

• 更新动态内容加载的源和广告
• 更新广告和可单击的广告元素
• 手动触发广告
• 完全定制的音频播放器
• 基本播放列表（视频和音频）
• 从音频流（HLS）检索数据
• 使用自定义控件之间的媒体之间的无缝过渡

建立

• 打字稿 – 专业人士JavaScript。

作者

• 拉斐尔·米兰达（Rafael Miranda）-RAFA8626

另请参阅参与该项目的贡献者列表。

执照

此项目已获得MIT许可证的许可 – 有关详细信息，请参见许可证文件。