{"id":13487807,"url":"https://github.com/muiplayer/hello-muiplayer","last_synced_at":"2025-03-27T23:31:47.613Z","repository":{"id":37347164,"uuid":"352973966","full_name":"muiplayer/hello-muiplayer","owner":"muiplayer","description":"💡 An excellent HTML5 video player component","archived":false,"fork":false,"pushed_at":"2024-06-27T11:17:02.000Z","size":48024,"stargazers_count":530,"open_issues_count":35,"forks_count":110,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-04T13:36:43.448Z","etag":null,"topics":["flv","hls","html5","html5-video","mui-player","player","video","video-player"],"latest_commit_sha":null,"homepage":"https://muiplayer.js.org/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/muiplayer.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-30T11:18:47.000Z","updated_at":"2025-02-28T13:28:20.000Z","dependencies_parsed_at":"2024-10-30T23:31:17.431Z","dependency_job_id":"73922eec-5a1e-4508-a0e5-af8da1d66e35","html_url":"https://github.com/muiplayer/hello-muiplayer","commit_stats":{"total_commits":27,"total_committers":1,"mean_commits":27.0,"dds":0.0,"last_synced_commit":"b85ee60229eb8a72d5456c678e89b5a51066b8bf"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muiplayer%2Fhello-muiplayer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muiplayer%2Fhello-muiplayer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muiplayer%2Fhello-muiplayer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/muiplayer%2Fhello-muiplayer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/muiplayer","download_url":"https://codeload.github.com/muiplayer/hello-muiplayer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245944020,"owners_count":20697945,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flv","hls","html5","html5-video","mui-player","player","video","video-player"],"created_at":"2024-07-31T18:01:04.247Z","updated_at":"2025-03-27T23:31:42.574Z","avatar_url":"https://github.com/muiplayer.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# \u003cimg src=\"https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/image/title_logo.png\" /\u003e\n\n\u003cdiv\u003e\n    \u003ca href=\"https://www.npmjs.com/package/mui-player\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/mui-player?label=mui%20player\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/mui-player-desktop-plugin\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/mui-player-desktop-plugin?label=mui%20player%20desktop\" /\u003e\u003c/a\u003e\n\t\u003ca href=\"https://www.npmjs.com/package/mui-player-mobile-plugin\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/mui-player-mobile-plugin?label=mui%20player%20mobile\" /\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/muiplayer/hello-muiplayer/tree/master/dist/js\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/gzip%20size-18kb-brightgreen\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/muiplayer/hello-muiplayer/blob/master/LICENSE\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-brightgreen\" /\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n\u003e 播放，专注，连接，分享和自由 🚩\n\n![Desktop](https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/image/desktopPreview.png)\n\n![Mobile](https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/image/mobile_preview.png)\n\n\u003ca href=\"https://muiplayer.js.org/\" target=\"_blank\"\u003eDocs\u003c/a\u003e | \u003ca href=\"https://muiplayer.js.org/zh/\" target=\"_blank\"\u003e中文文档\u003c/a\u003e\n\n## 介绍\n\nMuiPlayer 是一款 HTML5 视频播放插件，其默认配置了精美可操作的的播放控件，涉及了常用的播放场景，例如全屏播放、播放快进、循环播放、音量调节等功能。\n\n支持 mp4、m3u8、flv 等多种媒体格式播放，解决大部分兼容问题，同时适应在PC、手机端播放。\n\nMuiPlayer 具有丰富的参数可以自定义播放器实例，通过轻松的配置即可完成自定义场景的视频播放。\n\n## 特点\n\nMuiPlayer 帮助我们解决了日常 H5 Video 应用开发中的常见的一些大量问题：\n\n1. 各浏览器平台播放 ui 不能统一\n2. ui 扩展之间以及状态处理容易产生冲突\n3. 在不同环境下（android、ios、pc）针对 h5 video api 可能触发事件的时机尽不相同\n4. 媒体格式存在各种兼容问题，muiplayer 处理了大多数在不同环境下播放的兼容问题\n5. 重复踩踏在开发 h5 video 过程中的一些问题，我们提供了一套完好的解决方案，让编程员少走一些弯路\n\n## 安装\n\n使用 npm 安装：\n\n```\nnpm i mui-player --save\n```\n\n使用 yarn 安装：\n\n```\nyarn add mui-player\n```\n\n## 使用\n\n1、使用 script 标签引入：\n\n```html\n\u003c!-- import basic style files mui-player.min.css --\u003e\n\u003clink rel=\"stylesheet\" type=\"text/css\" href=\"css/mui-player.min.css\"/\u003e\n\n\u003c!-- import basic script mui-player.min.js --\u003e\n\u003cscript type=\"text/javascript\" src=\"js/mui-player.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- Specify the player container --\u003e\n\u003cdiv id=\"mui-player\"\u003e\u003c/div\u003e\n```\n\n或者使用模块管理器引入：\n\n```js\nimport 'mui-player/dist/mui-player.min.css'\nimport MuiPlayer from 'mui-player'\n```\n\n2、定义播放器容器：\n\n```html\n\u003cdiv id=\"mui-player\"\u003e\u003c/div\u003e\n```\n\n3、初始化构建播放器：\n\n```js\n// 初始化 MuiPlayer 插件，MuiPlayer 方法传递一个对象，该对象包括所有插件的配置\nvar mp = new MuiPlayer({\n    container:'#mui-player',\n    title:'Title',\n    src:'./static/media/media.mp4',\n})\n```\n\n以上就能为初始化构建一个具有默认配置控件的视频播放器，下面你可以阅读关于 MuiPlayer 的一些 API 基础配置选项。\n\n前往 [参数API](https://muiplayer.js.org/zh/api/)\n\n## 官方文档\n\n- [官方首页](https://muiplayer.js.org/zh/)\n- [API 参考](https://muiplayer.js.org/zh/guide/api.html)\n- [PC 扩展插件](https://muiplayer.js.org/zh/guide/mui-player-desktop-plugin.html)\n- [移动端扩展插件](https://muiplayer.js.org/zh/guide/mui-player-mobile-plugin.html)\n- [基础演示](https://muiplayer.js.org/zh/demo/)\n\n## 开始\n\n启动此工程\n\n```\nnpm install\nnpm start\n```\n\n## 免责声明\n\n这是 MuiPlayer 的非商业版本，它不包含提供商业用途播放器的相同功能，但是开源版本依然可提供稳定的视频播放解决方案。在使用此之前，请务必了解该开源项目的软件许可证。如果您想获取商业应用播放器，请从官方下载 \u003cu\u003e[专业版应用插件](https://muiplayer.js.org/zh/joinUs/)\u003c/u\u003e。\n\n## 入群与咨询\nQQ：3131244726\n\n\n## ©️ Software License\n[GNU GENERAL PUBLIC LICENSE](https://github.com/muiplayer/hello-muiplayer/blob/master/LICENSE)\n\nCopyright (C) 2007 Free Software Foundation, Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed.\n\n\n## ⭐ Stars\n\n[![Stargazers repo roster for @muiplayer/hello-muiplayer](https://reporoster.com/stars/muiplayer/hello-muiplayer)](https://github.com/muiplayer/hello-muiplayer/stargazers)\n\n## 👏 Forks\n\n[![Forkers repo roster for @muiplayer/hello-muiplayer](https://reporoster.com/forks/muiplayer/hello-muiplayer)](https://github.com/muiplayer/hello-muiplayer/network/members)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuiplayer%2Fhello-muiplayer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuiplayer%2Fhello-muiplayer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuiplayer%2Fhello-muiplayer/lists"}