{"id":13617612,"url":"https://github.com/plotly/dash-player","last_synced_at":"2025-04-14T06:34:36.613Z","repository":{"id":34549275,"uuid":"142482285","full_name":"plotly/dash-player","owner":"plotly","description":"Dash Component wrapping React-Player","archived":false,"fork":false,"pushed_at":"2024-02-15T11:10:50.000Z","size":30190,"stargazers_count":74,"open_issues_count":7,"forks_count":13,"subscribers_count":24,"default_branch":"main","last_synced_at":"2024-05-12T00:40:18.900Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/plotly.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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},"funding":{"custom":"https://plot.ly/products/consulting-and-oem/"}},"created_at":"2018-07-26T18:59:27.000Z","updated_at":"2024-04-08T11:03:29.000Z","dependencies_parsed_at":"2024-03-30T23:32:34.114Z","dependency_job_id":"04b9c6ac-b733-46f1-bbe1-bbb7d264290f","html_url":"https://github.com/plotly/dash-player","commit_stats":{"total_commits":194,"total_committers":11,"mean_commits":"17.636363636363637","dds":0.2938144329896907,"last_synced_commit":"638ba158d8ad8e4a9637b9806f82791075f50481"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plotly%2Fdash-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plotly%2Fdash-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plotly%2Fdash-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plotly%2Fdash-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/plotly","download_url":"https://codeload.github.com/plotly/dash-player/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223621903,"owners_count":17174781,"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":[],"created_at":"2024-08-01T20:01:44.730Z","updated_at":"2024-11-08T02:30:47.921Z","avatar_url":"https://github.com/plotly.png","language":"Python","funding_links":["https://plot.ly/products/consulting-and-oem/"],"categories":["HarmonyOS"],"sub_categories":["Windows Manager"],"readme":"# Dash Player\n\n![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)\n[![GitHub stars](https://img.shields.io/github/stars/xhlulu/dash-player.svg)](https://github.com/xhlulu/dash-player/stargazers)\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://dash.plotly.com/project-maintenance\"\u003e\n    \u003cimg src=\"https://dash.plotly.com/assets/images/maintained-by-plotly.png\" width=\"400px\" alt=\"Maintained by Plotly\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\nDash 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](https://github.com/cookpete/react-player) component.\n\nFor more detailed documentation on Dash Player and how to use it, visit the official [Dash Player documentation page](https://dash.plotly.com/dash-player)\n\nFor updates and more, please see the ongoing changes to this repository's issue tracker or the Dash community discussion on Dash Player.\n\nThis 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](https://plot.ly/dash/pricing).\n\n## Getting started\n\nHere are the following steps to get started with using Dash Player in your own Dash apps\n\n```sh\n$ pip install dash-player\n```\n\n## Documentation\n\n| Prop                    | Description                                                                                                                                                                       | Default |\n| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- |\n| `id`                    | The ID used to identify this component in Dash callbacks.                                                                                                                         |\n| `className`             | The CSS class used to identify this component in external stylesheets.                                                                                                            |\n| `url`                   | The url of the media to be played.                                                                                                                                                |\n| `playing`               | Whether or not the media is currently playing. Can be set to `True` or `False` to play and pause the media, respectively.                                                         | `false` |\n| `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` |\n| `controls`              | Set to true or false to display native player controls. Vimeo, Twitch and Wistia player will always display controls.                                                             | `false` |\n| `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`  |\n| `muted`                 | Set to true or false to mute or unmute player volume, respectively. Only works if volume is set.                                                                                  | `false` |\n| `playbackRate`          | Set the playback rate of the player (only supported by YouTube, Wistia, and file paths).                                                                                          |\n| `width`                 | A number or string representing the pixel width of the player.                                                                                                                    | `640px` |\n| `height`                | A number or string representing the pixel height of the player.                                                                                                                   | `360px` |\n| `style`                 | Optional additional CSS styles. If width or height are supplied within style, then this will override the component-level width or height.                                        | `{}`    |\n| `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` |\n| `currentTime`           | Returns the number of seconds that have been played                                                                                                                               |\n| `secondsLoaded`         | Returns the number of seconds that have been loaded                                                                                                                               |\n| `duration`              | Returns the duration (in seconds) of the currently playing media                                                                                                                  |\n| `intervalCurrentTime`   | Interval in milliseconds at which currentTime prop is updated.                                                                                                                    | `40`    |\n| `intervalSecondsLoaded` | Interval in milliseconds at which secondsLoaded prop is updated.                                                                                                                  | `500`   |\n| `intervalDuration`      | Interval in milliseconds at which duration prop is updated.                                                                                                                       | `500`   |\n| `seekTo`                | Seek to the given number of seconds, or fraction if amount is between `0` and `1`                                                                                                 | `null`  |\n\n## Built With\n\n- [Dash](https://dash.plot.ly/) - Main server and interactive components\n- [ReactPlayer](https://www.npmjs.com/package/react-player) - The react component that was wrapped by this\n\n## Contributing\n\nPlease read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.\n\n## Authors\n\n- **Xing Han** - _Initial Work_ - [@xhluca](https://github.com/xhluca)\n- **Alex Hsu** - _Maintainer/Ongoing Developer_ - [@alexshoe](https://github.com/alexshoe)\n- **Alex Johnson** - _Code Review_ - [@alexcjohnson](https://github.com/alexcjohnson)\n\nSee also the list of [contributors](https://github.com/xhlulu/dash-player/contributors) who participated in this project.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n\n## Partnership\n\nChanges to `dash-player` were sponsored by Volkswagen's Center of Excellence for Battery Systems.\n\n\u003cp float=\"left\" align=\"center\" \u003e\n\u003cimg src=\"https://user-images.githubusercontent.com/42301846/207075484-2c77d1e1-f0b5-43da-89bf-66ac73c50007.png\" width=40% aspect-ratio=3/10 \u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplotly%2Fdash-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplotly%2Fdash-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplotly%2Fdash-player/lists"}