Make your floating video with seek forward/backward & playback speed controls
Picture in Picture with controls Extension
This extension feature has several functions:
1.Keeps the video you're playing always on top.
2.Provides fast forward and rewind functionalities.
3.Users can adjust the playback speed of the video.
4.Users can customize the numerical values for fast forward, rewind, and playback speed.
How to use:
1.click the google extension icon
2.set your PIP setting
3.press 'play' button
Q&A:
Q1.what is the range of playback speed
A1.acceptable range is 0.25 - 4.0,it'll set the max/min value of range if input out of range
Q2.why pip window's icons not intuitive
A2.I use mediaSession api to set these icons,unfortunately the api's some default action not apply to picture in picture,so I have to choose other actions
Read more
1.Keeps the video you're playing always on top.
2.Provides fast forward and rewind functionalities.
3.Users can adjust the playback speed of the video.
4.Users can customize the numerical values for fast forward, rewind, and playback speed.
How to use:
1.click the google extension icon
2.set your PIP setting
3.press 'play' button
Q&A:
Q1.what is the range of playback speed
A1.acceptable range is 0.25 - 4.0,it'll set the max/min value of range if input out of range
Q2.why pip window's icons not intuitive
A2.I use mediaSession api to set these icons,unfortunately the api's some default action not apply to picture in picture,so I have to choose other actions
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Picture in Picture with controls", "version": "1.0.0", "description": "Make your floating video with seek forward/backward & playback speed controls", "manifest_version": 3, "icons": { "16": "icon/picture-in-picture_16x16.png", "48": "icon/picture-in-picture_48x48.png", "128": "icon/picture-in-picture_128x128.png" }, "action": { "default_popup": "popup.html", "default_icon": { "16": "icon/picture-in-picture_16x16.png", "48": "icon/picture-in-picture_48x48.png", "128": "icon/picture-in-picture_128x128.png" } }, "content_scripts": [ { "matches": [""], "js": ["script.js"] } ]}
Read more