A Dash component for playing a variety of URLs.
Project description
Dash Player
Dash Player is a Dash component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, and DailyMotion. It is wrapped around the ReactPlayer component.
For updates and more, please see the ongoing changes to this repository's issue tracker or the Dash community discussion on Dash Player.
This is a custom community component, so if your organization or company is interested in sponsoring enhancements to this project, please reach out to the Plotly Dash team.
Getting started
Here are the following steps to get started with using Dash Player in your own Dash apps
$ pip install dash-player
Documentation
| Prop | Description | Default |
|---|---|---|
id |
The ID used to identify this component in Dash callbacks. | |
className |
The CSS class used to identify this component in external stylesheets. | |
url |
The url of the media to be played. | |
playing |
Whether or not the media is currently playing. Can be set to True or False to play and pause the media, respectively. |
false |
loop |
Whether or not the media will loop once the player reaches the end. Can be set to True or False to set looping on or off, respectively. |
false |
controls |
Set to true or false to display native player controls. Vimeo, Twitch and Wistia player will always display controls. | false |
volume |
A number between 0 and 1 representing the volume of the player. If set to None, Dash Player ises default volume on all players. |
null |
muted |
Set to true or false to mute or unmute player volume, respectively. Only works if volume is set. | false |
playbackRate |
Set the playback rate of the player (only supported by YouTube, Wistia, and file paths). | |
width |
A number or string representing the pixel width of the player. | 640px |
height |
A number or string representing the pixel height of the player. | 360px |
style |
Optional additional CSS styles. If width or height are supplied within style, then this will override the component-level width or height. | {} |
playsinline |
Applies the html5 playsinline attribute where supported, which allows videos to be played inline and will not automatically enter fullscreen mode when playback begins (for iOS). | false |
currentTime |
Returns the number of seconds that have been played | |
secondsLoaded |
Returns the number of seconds that have been loaded | |
duration |
Returns the duration (in seconds) of the currently playing media | |
intervalCurrentTime |
Interval in milliseconds at which currenTtime prop is updated. | 40 |
intervalSecondsLoaded |
Interval in milliseconds at which secondsLoaded prop is updated. | 500 |
intervalDuration |
Interval in milliseconds at which duration prop is updated. | 500 |
seekTo |
Seek to the given number of seconds, or fraction if amount is between 0 and 1 |
null |
Built With
- Dash - Main server and interactive components
- ReactPlayer - The react component that was wrapped by this
Contributing
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
Authors
- Xing Han - Initial Work - @xhluca
- Alex Hsu - Maintainer/Ongoing Developer - @alexshoe
- Alex Johnson - Code Review - @alexcjohnson
See also the list of contributors who participated in this project.
License
This project is licensed under the MIT License - see the LICENSE file for details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file dash_player-1.0.2.tar.gz.
File metadata
- Download URL: dash_player-1.0.2.tar.gz
- Upload date:
- Size: 29.7 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/4.0.1 CPython/3.9.0
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 92b1178986c76b0f61d28406638068c02d467f1f1c8fe22c1dad9dd972f41e92 |
|
| MD5 | 7179673cff07babd30826887aa344bf5 |
|
| BLAKE2b-256 | 0897abfaf6c36dec2f2f55eb2fb724f4c8c5428fe8b675420770bdf47735ef78 |
File details
Details for the file dash_player-1.0.2-py3-none-any.whl.
File metadata
- Download URL: dash_player-1.0.2-py3-none-any.whl
- Upload date:
- Size: 29.8 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/4.0.1 CPython/3.9.0
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | adfbde7bf3c56861351e35f00481bdd379258e0fcf00954d003d87de347bbe10 |
|
| MD5 | 178b35c0c00480d6e3d4a15ad1ca3181 |
|
| BLAKE2b-256 | e54e5ee1a4bfddc055ac88362cafa7b7461c1977f38bf37602739f0db9aebb4e |
