Muse — простой и старательный аудиоплеер HTML5, сделанный с любовью :)
Muse — это простой и старательный HTML5 аудиоплеер, созданный с любовью :)
中文文档 / Redux build / Old version
Посмотрите здесь.
— React 16 — TypeScript — MobX — mobx-react — Stylus
MUSE доступен в npmjs. Вы можете установить его как с помощью yarn, так и npm.
$ yarn add muse-player # using yarn
$ npm install --save-dev muse-player # using npm
$ git clone https://github.com/moefront/muse
$ cd muse
$ yarn install # или: npm install
Нажмите Clone or download
, затем выберите Download ZIP
или перейдите на страницу выпуска, чтобы загрузить версию выпуска.
— Создан с использованием React.js и Mobx — Поддерживаются версии Mobx (основная) и Redux (до 5.2.7) — Полная поддержка лирики — Исправление смещения лирики — Наконец-то поддерживается контекстное меню — Полноэкранный режим — Промежуточное ПО и пользовательские макеты (новое) — Адаптивный дизайн — Улучшенный опыт работы с мобильными устройствами — ...
Сначала импортируйте ./dist/assets/muse-player.js на свою страницу (таблица стилей была добавлена в этот файл JavaScript):
<script type="text/javascript" src="./dist/assets/muse-player.js"></script>
Мы рекомендуем вам импортировать muse-player.js
из unpkg, где вы можете получить последнюю версию MUSE:
<script src="https://unpkg.com/muse-player/dist/assets/muse-player.js" type="text/javascript"></script>
Затем используйте метод MUSE.render()
для отображения плеера на вашей странице.
PS: Если вы переходите с YMPlayer 4 на MUSE, обратите внимание, что метод использования пользовательского тега для отображения плеера был удалён. Но вы всё равно можете использовать
MUSE.render()
илиYMPlayer.render()
для рендеринга компонента игрока:
/**
* use MUSE.render() or YMPlayer.render() to
* render a MUSE Player component on your page.
*
* @param data {Array} Musics' detail
* @param node {Object} HTML element in which new player will be
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )