1 Star 0 Fork 163

独孤剑 / hello-muiplayer

forked from muiplayer / hello-muiplayer 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

Mui Player

Desktop

Mobile

Docs | 中文文档

介绍

MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节等功能。

支持 mp4、m3u8、flv 等多种媒体格式播放,解决大部分兼容问题,同时适应在PC、手机端播放。

MuiPlayer 具有丰富的参数可以自定义播放器实例,通过轻松的配置即可完成自定义场景的视频播放。

特点

MuiPlayer 帮助我们解决了日常 H5 Video 应用开发中的常见的一些大量问题:

  1. 各浏览器平台播放 ui 不能统一
  2. ui 扩展之间以及状态处理容易产生冲突
  3. 在不同环境下(android、ios、pc)针对 h5 video api 可能触发事件的时机尽不相同
  4. 媒体格式存在各种兼容问题,muiplayer 处理了大多数在不同环境下播放的兼容问题
  5. 重复踩踏在开发 h5 video 过程中的一些问题,我们提供了一套完好的解决方案,让编程员少走一些弯路

安装

使用 npm 安装:

npm i mui-player --save

使用 yarn 安装:

yarn add mui-player

使用

1、使用 script 标签引入:

<!-- import basic style files mui-player.min.css -->
<link rel="stylesheet" type="text/css" href="css/mui-player.min.css"/>

<!-- import basic script mui-player.min.js -->
<script type="text/javascript" src="js/mui-player.min.js"></script>

<!-- Specify the player container -->
<div id="mui-player"></div>

或者使用模块管理器引入:

import 'mui-player/dist/mui-player.min.css'
import MuiPlayer from 'mui-player'

2、定义播放器容器:

<div id="mui-player"></div>

3、初始化构建播放器:

// 初始化 MuiPlayer 插件,MuiPlayer 方法传递一个对象,该对象包括所有插件的配置
var mp = new MuiPlayer({
    container:'#mui-player',
    title:'Title',
    src:'./static/media/media.mp4',
})

以上就能为初始化构建一个具有默认配置控件的视频播放器,下面你可以阅读关于 MuiPlayer 的一些 API 基础配置选项。

前往 参数API

开始

启动此工程

npm install
npm start

🛠️ Plugins

⭐ Stars

Stargazers repo roster for @muiplayer/hello-muiplayer

👏 Forks

Forkers repo roster for @muiplayer/hello-muiplayer

😜 给我们 Star

心之所向,未来可期。一个有拥有较真坏毛病的开发者对待了 MuiPlayer 的每一个细节,致此开源。如果您喜欢或者正在准备使用这个播放插件,不妨 Star 收藏这个项目,感谢您的支持!

👨‍👩‍👦‍👦 加入社群

🚀 赞赏

如果此项目能够帮到您,请对该项目进行赞赏,MuiPlayer 作者由衷进行感谢!

MIT License Copyright (c) 2021 muiplayer Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

💡 一款优秀的 H5 视频播放器框架 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/zhanglujun2018/hello-muiplayer.git
git@gitee.com:zhanglujun2018/hello-muiplayer.git
zhanglujun2018
hello-muiplayer
hello-muiplayer
master

搜索帮助