{"id":25511637,"url":"https://github.com/simplylu/nicegui-video-player","last_synced_at":"2025-11-29T00:30:15.244Z","repository":{"id":277831814,"uuid":"735656080","full_name":"simplylu/nicegui-video-player","owner":"simplylu","description":"Sample NiceGUI Video Player","archived":false,"fork":false,"pushed_at":"2025-02-16T12:24:26.000Z","size":15661,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-16T13:43:56.127Z","etag":null,"topics":["nicegui","python","python3"],"latest_commit_sha":null,"homepage":"","language":"Python","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/simplylu.png","metadata":{"files":{"readme":"README.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":"2023-12-25T17:49:44.000Z","updated_at":"2025-02-16T12:24:29.000Z","dependencies_parsed_at":"2025-02-16T13:53:58.595Z","dependency_job_id":null,"html_url":"https://github.com/simplylu/nicegui-video-player","commit_stats":null,"previous_names":["simplylu/nicegui-video-player"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplylu%2Fnicegui-video-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplylu%2Fnicegui-video-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplylu%2Fnicegui-video-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simplylu%2Fnicegui-video-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simplylu","download_url":"https://codeload.github.com/simplylu/nicegui-video-player/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239644161,"owners_count":19673578,"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":["nicegui","python","python3"],"created_at":"2025-02-19T10:46:47.149Z","updated_at":"2025-11-29T00:30:15.212Z","avatar_url":"https://github.com/simplylu.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sample NiceGUI Video Player\n![Screenshot of the Video Player](screenshot.png)\nThis is just an experiment on how to create a video player with [NiceGUI](https://github.com/zauberzeug/nicegui).\n\nThis code is only there to provide a starting point if you need a Video Player that is a bit more beautiful than the plain HTML5 player. So hack yourself into this project and create something even more beautiful.\n\nAlso, be happy that I did all the stuff to make the interactions with the video element possible. It was damn annoying. \n\n### Contribute\n\nStill, the interaction with that slider kinda buggy. I'd like to move the slider somewhere and make the video jump to that timestamp. It works partially. Respective line in the code:\n\n```python\nposition = ui.slider(min=0, max=await get_video_duration(), value=0).classes(\"position-progress cursor-pointer\").props(\"selection-color=red thumb-size=0 dense\").on(\"click\", lambda: video.seek(position.value))\n```\n\nAlso, clicking on the video to toggle playback does not work due to some fancy errors in `vue.global.prod.js`. Just add `.on(\"click\", lambda: notify(\"clicked\"))` to the video element to reproduce it. The error is the following: `Error: Permission denied to access property \"toJSON\"`.\n\nJust check the code. There are some commented `video.on` calls that also cause that error. Play around with it and if you work it out, I'll be happy to test and merge.\nThis would also allow us to use `onmousedown`, `onmouseup` to automatically hide and show the controls when hovering over the video or the video container.\n\n\n### How to use\nIn the media folder is a copyrightfree video with the following attribution:\u003cbr\u003e\nFilename: sample-3.mp4\u003cbr\u003e\nSource: [getsamplefiles.com](https://getsamplefiles.com/sample-video-files/mp4)\n\nStart the app by simply calling `python3 app.py`","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimplylu%2Fnicegui-video-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimplylu%2Fnicegui-video-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimplylu%2Fnicegui-video-player/lists"}