Giter VIP home page Giter VIP logo

okld / streamlit-player Goto Github PK

View Code? Open in Web Editor NEW
84.0 2.0 19.0 537 KB

A streamlit component to embed video and music players from various websites.

Home Page: https://share.streamlit.io/okld/streamlit-gallery/main?p=react-player

License: MIT License

Python 49.74% Shell 2.26% HTML 11.23% TypeScript 36.77%
streamlit-player streamlit python streamlit-component react-player player-video video-player media-player demo

streamlit-player's People

Contributors

okld avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

streamlit-player's Issues

Feature Request: Play local videos

While st.video works for local videos, it is very barebones in terms of features such as getting playback time and video parameters. Adding local video support for this would be great to utilize these features.

Hide/disable data json under videos

Is there a way to automatically disable or hide the json that shows below each embedded video? I.e. the dictionary that shows the "name" and "data" elements?

Screen Shot 2022-05-11 at 10 22 59 PM

Future request: setting current video position

Thanks for the great component.

Would it be possible to have the possibility to set the current video position/time from code?
Just like you can now control 'pause', 'start' etc, that I could control the current position of the video?

I'm asking because in my use-case I have another component from where I want to select the position, and I want to feed that into the video player to show the correct part of the video.

Thanks!,
Jelle

Preserving Aspect Ratios.

Currently the height is set by default to some fixed value, and there is a height parameter, but I'm wondering if it's possible to have it set automatically like the st.video function?

Can't play local files

When I pass a path to a local mp4 file, Firefox shows a gray box with "No video with supported format and MIME type found." Chrome loads the player and shows controls, but the video isn't loaded.

I suspect that it's something to do with where react-player looks for videos. This Stack Overflow post may be relevant: react-player how to play local video.

I'm going to look into it some more later today and will update if I find anything. However I'm not very familiar with JS or React, so my progress might be limited.

How to use events

Hi, thanks for the great library.
I want to add some call back functions when the video is played or paused but I can't figure out how to do it. There are events supported but they just seem to take string inputs. Can you please share some code samples to add callback functions to video players?

How do I pass multiple urls for the player?

I was checking the documentation for React Player and it supports multiple URLs as input. When I try to pass multiple URLs as list of strings or even as a set of strings I keep getting errors. How do you suggest one can pass multiple URLs?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.