openplayerjs

FLASH源码 2025-08-13

OpenPlayer.js

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

重要的

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

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

优势

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

从较旧版本迁移到新版本

要了解有关如何从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许可证的许可 - 有关详细信息,请参见许可证文件。

下载源码

通过命令行克隆项目:

git clone https://github.com/openplayerjs/openplayerjs.git