Code Monkey home page Code Monkey logo

Comments (2)

Arcus92 avatar Arcus92 commented on June 8, 2024

Hi,
Should be possible to implement. However, there are a few browser restrictions. For example, you are not allowed to auto-play a video with sound. The browser will automatically mute it. You need to manually start the first video on the page in order to play with sound.
This could be an issue on the Reals page, but I have to try it out first.
That's probably why the original page is muted by default.

I'll let you know if my tests were successful.

from instagram-video-control.

Arcus92 avatar Arcus92 commented on June 8, 2024

@tev-tev I was able to implement this, but I'm not happy with the result.

The volume is saved and the volume is applied when reloading the page. However, the default volume control doesn't show the volume level until you un-mute the video, by clicking the speaker icon:
grafik grafik

There is no visual indicator that the last volume is stored. And if you click in the volume bar to un-mute it, you simply set a new volume.

For the time being, I'll implement it this way. To make this feature work properly, I either have to write my own custom player bar, where I have full control over the volume bars visuals - or simply disable auto-play for the first video, so the volume is set, but you have to hit play instead (not a fan of this). Browsers don't allow to set both.

from instagram-video-control.

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.