26 Star 251 Fork 45

muiplayer / hello-muiplayer

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

Mui Player

Desktop

Mobile

Docs | 中文文档

Introduction

MuiPlayer is an HTML5 video playback plug-in, which is configured with exquisite and operable playback controls by default, involving common playback scenarios, such as full-screen playback, playback fast forward, loop playback, volume adjustment, video decoding and other functions.

Support mp4, m3u8, flv and other media formats to play, solve most compatibility problems, and adapt to play on PCs and mobile phones.

MuiPlayer has a wealth of parameters to customize the player instance, and the video playback of the customized scene can be completed through easy configuration.

Features

MuiPlayer helped us solve some common problems in daily H5 Video application development:

  1. The ui of different browser platforms cannot be unified
  2. Conflicts between ui extensions and state processing are prone to
  3. In different environments (android, ios, pc), h5 video api may trigger events at different times
  4. There are various compatibility issues with media formats, muiplayer handles most of the compatibility issues when playing in different environments
  5. Repeated stepping on some pits in the process of developing h5 video, we provide a complete solution, so that developers can avoid some detours

installation

Install using npm:

npm i mui-player --save

Install using yarn:

yarn add mui-player

usage

1.Use the script tag to introduce:

<!-- 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>

Or use the module manager to import:

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

2.Define the player container:

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

3.Initialize and build the player:

// Initialize the MuiPlayer plugin. The MuiPlayer method passes an object that includes the configuration of all plug-ins.
var mp = new MuiPlayer({
    container:'#mui-player',
    title:'Title',
    src:'./static/media/media.mp4',
})

The above can build a video player with default configuration controls for initialization. Below you can read some API basic configuration options about MuiPlayer. Go parameters API

Start

Install this project

npm install
npm start

Plugins

Stargazers

Stargazers repo roster for @muiplayer/hello-muiplayer

Forkers

Forkers repo roster for @muiplayer/hello-muiplayer

Comments ( 7 )

Sign in for post a comment

About

💡 一款优秀的 H5 视频播放器框架 spread retract
Cancel

Releases

No release

hello-muiplayer

Contributors

All

Activities

load more
can not load any more
1
https://git.oschina.net/muiplayer/hello-muiplayer.git
git@git.oschina.net:muiplayer/hello-muiplayer.git
muiplayer
hello-muiplayer
hello-muiplayer
master

Search