Mui Player

Gitee | Docs | 中文文档

介绍

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

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

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

特点

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

各浏览器平台播放 ui 不能统一
ui 扩展之间以及状态处理容易产生冲突
在不同环境下（android、ios、pc）针对 h5 video api 可能触发事件的时机尽不相同
媒体格式存在各种兼容问题，muiplayer 处理了大多数在不同环境下播放的兼容问题
重复踩踏在开发 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

Plugins

mui-player-mobile-plugin.js
mui-player-desktop-plugin.js

MuiPlayer - 一款优秀的 H5 视频播放器框架相关推荐

让我为你介绍一个神器：Chimee，一套可扩展的 H5 视频播放器解决方案
Chimee(读"奇米", [tʃɪ'mɪ:])是由奇舞团开源的一套 H5 视频播放器解决方案,由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造. Chimee ...
让我为你介绍一个神器：Chimee，一套可扩展的 H5 视频播放器解决方案 1
Chimee(读"奇米", [tʃɪ'mɪ:])是由奇舞团开源的一套 H5 视频播放器解决方案,由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造. Chimee ...
【QT/C++】基于QT开发的一款A-SOUL元素的视频播放器（附源码）
[QT/C++]基于QT开发的一款关于A-SOUL的视频播放器(附源码) 前言一.软件使用说明 1.运行软件的界面如下 2.操作软件的步骤二.软件设计说明 1.UI界面的设计 2.主代码中的部分函 ...
制作统一样式的H5视频播放器
前言之前,忙于考试未来及更新文章.本文适用于掌握JavaScript html css jQuery的基本内容的读者.不知大家有没注意原生的H5视频播放器用不同的浏览器打开所呈现的效果并不一样.而如 ...
【原创】关于视频播放器如何做到边播边缓存？【如何用Vitamio做一款功能强大的视频播放器补充篇】
上一章传送:https://blog.csdn.net/mzy24511cs/article/details/80577418. PS:最新补充说明,Vitamio各版本之间存在差异,我最近升级了5. ...
一款强大的mac视频播放器——zFuse Pro
轻播zFuse Pro是一款功能强大的视频播放器应用,具备视频加速.旋转,硬件加速,字幕同步,0.5x-3.0x播放速度控制,多种视频格式,字幕格式加载等特点. 轻播zFuse Pro for Mac ...
Chimee - 简单易用的H5视频播放器解决方案
Chimee - 简单易用的H5视频播放器解决方案参考文章: (1)Chimee - 简单易用的H5视频播放器解决方案 (2)https://www.cnblogs.com/lhb25/p/chim ...
一个牛逼的开源 H5 视频播放器
[公众号回复 "1024",免费领取程序员赚钱实操经验] 大家好,我是章鱼猫.今天给大家分享的这个开源项目,对于前端开发者来讲非常非常的有用.因为它是一个 H5 的视频播放器. 字 ...
【分享】分享一款不错的网页视频播放器
作为一名前端开发,在做页面时会碰到视频展示,一般都是用 flash 加载视频源文件,可惜功能太少,而且支持的视频格式有限.下面给大家分享一款不错的视频播放器--ckplayer(超酷网页视频播放器). ...

MuiPlayer - 一款优秀的 H5 视频播放器框架

Mui Player

介绍

特点

安装

使用

Plugins

MuiPlayer - 一款优秀的 H5 视频播放器框架相关推荐

最新文章

热门文章