MoePlayer / React Dplayer
Licence: mit
react-dplayer
Stars: ✭ 130
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Dplayer
React Music Player
🎵 Maybe the best beautiful HTML5 responsive player component for react :)
Stars: ✭ 321 (+146.92%)
Mutual labels: player, component
Vue Dplayer
📹 A Vue 2.x video player component based on DPlayer
Stars: ✭ 565 (+334.62%)
Mutual labels: player, component
React Video Renderer
Build custom video players effortless
Stars: ✭ 100 (-23.08%)
Mutual labels: player, component
Osu Player
A multifunctional media player for osu and osuer. Modern interface with WPF.
Stars: ✭ 123 (-5.38%)
Mutual labels: player
Thorui Uniapp
ThorUI组件库,轻量、简洁的移动端组件库。组件文档地址:https://thorui.cn/doc/ 。 最近更新时间:2021-10-01
Stars: ✭ 1,842 (+1316.92%)
Mutual labels: component
Property Info
PropertyInfo extracts information about PHP class' properties using metadata of popular sources.
Stars: ✭ 1,747 (+1243.85%)
Mutual labels: component
React Native Circular Menu
A Ripple menu effect for your react native application
Stars: ✭ 129 (-0.77%)
Mutual labels: component
React Splitters
React splitter component, written in TypeScript.
Stars: ✭ 127 (-2.31%)
Mutual labels: component
Vue Prism Component
highlight code using prism.js and vue component
Stars: ✭ 126 (-3.08%)
Mutual labels: component
React Native Gifted Chat
💬 The most complete chat UI for React Native
Stars: ✭ 11,339 (+8622.31%)
Mutual labels: component
Oarplayer
Android Rtmp播放器,基于MediaCodec与srs-librtmp,不依赖ffmpeg
Stars: ✭ 124 (-4.62%)
Mutual labels: player
Vue Blu
UI Component Library Base on Vue.js(2.x) and Bulma
Stars: ✭ 1,593 (+1125.38%)
Mutual labels: component
Srgmediaplayer Apple
An advanced media player library, simple and reliable
Stars: ✭ 123 (-5.38%)
Mutual labels: player
Ngx Lite
📦 A collection of lightweight Angular libraries in a single mono repo
Stars: ✭ 125 (-3.85%)
Mutual labels: component
React Modal Box
React Modal Box, is a simple dependency free and customizable React Component to display Modals on your application. Its simple event system allows you to place the modal in the root component of your application, and calling it with the simple mixins, allows you to be flexible. It also includes event handling mixins, so you can detect when the modal is being called or being hidden.
Stars: ✭ 126 (-3.08%)
Mutual labels: component
demo next demo
react-dplayerGitpod
Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.
React component for Dplayer based on DPlayer(V1.26.0).
Install
npm install react-dplayer -D
Usage
commonjs
import DPlayer from "react-dplayer";
class Example extends Component {
render() {
return (
<DPlayer
options={{
video:{url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4'}
}}
/>
)
}
}
browser
<script src="https://unpkg.com/dplayer/dist/DPlayer.min.js" />
<script src="https://unpkg.com/react/dist/react.min.js" />
<script src="https://unpkg.com/react-dom/dist/react-dom.min.js" />
<script src="https://unpkg.com/react-dplayer/dist/react-dplayer.min.js" />
<div id="example"></div>
<script >
ReactDOM.render(React.createElement(
'div',
{ style: { width: 800, margin: '0px auto' } },
React.createElement(ReactDPlayer, {options:{video: {url: 'http://static.smartisanos.cn/common/video/t1-ui.mp4'} }})
), document.getElementById('example'));
</script>
The package also includes an in-built example under the /example
folder. Run the sample application by cloning project and running npm start.
Dplayer Doc
Props
Name | Type | Default | Description |
---|---|---|---|
options | Object | -- | read doc |
Events
camel-case rule
example play as onPlay
Name | Params | Description |
---|---|---|
allEvent | default | read doc |
Development
-
npm run start
: Run example in development mode -
npm run compile
: Build react-dplayer(commonjs) -
npm run dist
: dist react-dplayer (umd)
License
react-dplayer
is released under the MIT license
.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].