GithubHelp home page GithubHelp logo

Comments (3)

renandincer avatar renandincer commented on June 1, 2024

Hey @bluebeel! Hope you're finding the component useful :)

We only support interacting with the stream component using props. Feel free to directly access the DOM element and load the plugin for now, but we make breaking changes under the component regularly. Modifying the DOM element might cause unexpected behavior for your users in the future.

  • If you could share the plugin you plan to use, we can see if there is a way to achieve your goal with the props already provided.
  • Alternatively, if you feel comfortable with using a third party player, you can also use Videojs directly with Stream by using DASH or HLS manifests provided by Stream. Click on "View as JSON" button in the Stream dashboard to access these URLs.

from stream-react.

bluebeel avatar bluebeel commented on June 1, 2024

Thanks @renandincer for this quick answer.

I wanted to add a plugin to share videos for example and the possibility to activate or deactivate a component of the videojs controlBar such as the small player button, the PiP button or deactivate the playrate selector button.
So I was looking for a way to access the videojs object for that.

from stream-react.

renandincer avatar renandincer commented on June 1, 2024

Oh got it!

We don't support UI customization like you suggested yet. Activating & deactivating certain features is a good idea though.

If you're looking for a quick solution suggest putting the share button outside of the video like YouTube does. One could say only the settings about this particular video view (like playback speed or fullscreen) should live in the player while the share button to the webpage where the video is also located captures a wider context (the entire webpage, perhaps comments, title and related content) that can be shared.

image

Otherwise, I suggest using a different player as we're still working on player customization details for Stream. Perhaps Videojs with the plugin you suggested is a good idea. If you choose to go this path, you can still use Stream with the DASH and HLS URLs.

Let us know which path you end up going - perhaps others can also benefit from this discussion in the future. I'll update this thread when Stream player supports more robust configuration and customization options.

from stream-react.

Related Issues (20)

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.