Comments (2)
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.
@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:
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)
- Volume issue with reels HOT 1
- For embedded videos? HOT 2
- Invisible icon in dark mode HOT 1
- Can't open linked/shared posts on reels HOT 2
- Custom video controls HOT 1
- Can't use controls because of comment/reply section on top HOT 4
- Double bug: return of instagram normal controls + button detection zone too small HOT 3
- Multi-post indicators are overlaid by the video controls
- Hide video controls
- Feature request to add fullscreen button
- Switch to native browser controls
- Add button to enable picture-in-picture mode
- Use custom icons
- Controls for Reels on Firefox Android are overlayed
- Controls for Stories in Desktop mode are overlapped
- Reels randomly getting muted HOT 5
- Don't use `innerHTML` when updating icons in the UI
- Feature request: an option to always unmute Instagram by default HOT 3
- Memory leak in firefox Pc
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from instagram-video-control.