Вот перевод текста на русский язык:

播放，专注，连接，分享和自由 🚩

Docs | 中文文档

介绍

MuiPlayer — это HTML5 видеоплеер, который по умолчанию имеет красивый и функциональный интерфейс управления воспроизведением. Он поддерживает множество форматов, таких как mp4, m3u8 и flv, и подходит для воспроизведения на различных устройствах, включая ПК и мобильные устройства.

MuiPlayer предоставляет широкий спектр параметров, которые позволяют настроить проигрыватель под конкретные потребности. С его помощью можно легко создать собственный сценарий воспроизведения видео.

Особенности

MuiPlayer помогает решить ряд распространённых проблем, с которыми сталкиваются разработчики при создании H5 Video приложений:

1. Несоответствие пользовательского интерфейса браузеров.
2. Конфликты между расширениями пользовательского интерфейса и состоянием обработки.
3. Различия в поведении событий при работе с API H5 video в разных средах (Android, iOS, ПК).
4. Проблемы совместимости с различными форматами медиафайлов, многие из которых решены в MuiPlayer.
5. Повторение ошибок, возникающих при разработке H5 video, MuiPlayer предлагает готовое решение, которое позволяет разработчикам избежать лишних трудностей.

Установка

Для установки с помощью npm:

npm i mui-player --save

Для установки с использованием yarn:

yarn add mui-player

Использование

1. Импортируйте основные файлы стилей mui-player.min.css с помощью тега 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.

Официальная документация

• Официальная страница
• Справочник по API
• Расширение для ПК
• Мобильное расширение
• Базовая демонстрация

Запуск

Запустите этот проект:

npm install
npm start

Отказ от ответственности

Эта версия MuiPlayer не предназначена для коммерческого использования и не включает функции, необходимые для создания коммерческих приложений. Однако она может обеспечить стабильное решение для воспроизведения видео. Перед использованием этого проекта обязательно ознакомьтесь с условиями лицензии на программное обеспечение. Если вы хотите получить коммерческое приложение, загрузите профессиональную версию приложения.

Вступление в группу и консультации

QQ: 3131244726

©️ Лицензия на программное обеспечение

GNU GENERAL PUBLIC LICENSE

Copyright (C) 2007 Free Software Foundation, Каждый имеет право копировать и распространять дословные копии этого документа о лицензии, но изменение запрещено.

⭐ Звёзды

👏 Форки