流量变现70%分成 全国楼凤小姐姐 招商联系客服 招商联系客服 招商联系客服 招商联系客服

MuiPlaye PC 端扩展【专业版】-MuiPlayer简约H5播放器

[复制链接]
查看177 | 回复0 | 2024-10-12 09:01:58 | 显示全部楼层 |阅读模式
PC 端扩展组件,该扩展新增了播放器在桌面端更多的功能性支持,包含弹幕输入、广告悬浮窗、视频水印、小窗口播放、进度位提示点和视频截图等。插件使用原生 Js 的编写,因此在编写功能接口在代码上并未产生冗余从而导致体积包的增大。扩展插件通常是保持最新的版本,在使用该插件之前请更新到 mui-player 主文件到最新版本。

在页面引入 mui-player-desktop-plugin.js,插件需要在初始化播放器之前加载:
  1. <p><!-- 使用标签引入 “专业版” 扩展组件 --></p><p><script type="text/javascript" src="js/mui-player-desktop-plugin.min.js"></script></p>
复制代码
在主配置项 plugins 中传入:

  1. <p>var mp = new MuiPlayer({</p><p>    container:'#mui-player',</p><p>    src:'../media/media.mp4',</p><p>    ...</p><p>    </p><p>    plugins:[</p><p>        new MuiPlayerDesktopPlugin({</p><p>            key: '配置您插件密文',</p><p>            ...</p><p>        })</p><p>    ]</p><p>});</p><p></p>
复制代码

#配置选项 Plus

示例创建一个弹幕输入组件:

  1. <p>new MuiPlayerDesktopPlugin({</p><p>    key: '配置您插件密文',</p><p>    danmakuComponent:{</p><p>        open: true, // 是否开启弹幕组件</p><p>        growSize: 0.65, // 组件占据容器的宽度比例,取值范围:0 - 1</p><p>        buttonText: '发送',</p><p>        onSend(text, cleanText) { // 监听文本发送内容的函数回调</p><p>            // axtion</p><p>        },</p><p>    }</p><p>})</p>
复制代码

4.png

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则