I want to develop a chrome extension that can read the pixels of a youtube video and for example can swap all red pixels to blue ones.
After a little research i found that most answers are outdated.
all approaches i found started with getting the html5 video (and after that go on with canvas):
Show Youtube video source into HTML5 video tag?
Would be very thankfull if you can help me:)
Have a nice day.
Related
I am trying to use JW player on my website but I have encountered some issues. Can somebody just help me to point in the right direction, I would be really grateful.
Issues-
How to take notes on a video so that if I play that same video again, I'll be shown those notes(not on the video itself but on a separate div beside that video) along with the timestamp?
Reference- I want this functionality like that of pluralsight video player.
This is possible, please see the example here:
http://se.jwplayer.com/~amcneil/POCs/annotations/
Question
So I want to have embedded YouTube videos. But when you scroll down it's just gonna use the sound and put fixed controls on the bottom of the page.
When you don't see the video anymore but just use it as sound, the quality of the video doesn't matter, so to not drain someone's internet, can I change the YouTube video's quality to the lowest possible (144p) with YouTube ? It should still be possible to change the YouTube video to its old quality when you scroll back up.
Not part of the question, but if you know this you can help me out :)
In this post I saw its not allowed to
just have the controls of the Youtube video to use it for audio. But
if I do it this way where I still use the video but when off the screen just
use the sound. Is this allowed?
I've spent a few days digging almost any post possible on this subject.
So far I haven't been able to find a proper solution.
Basically I would like to create an HTML5 audio player that plays music (one file at a time) on mobile browsers (iOS/Android) that will play the music instantly when the user clicks "Play" (just like youtube works on mobile browsers) and that the browser won't try to load/cache the whole file first before it plays it.
I tried Audio Sprites and that didn't work well (it is mostly related to web games).
Background:
The videos in my play list are all 1/2 second to 4 seconds long.
The playlist is randomly generated on page load.
Strategies
HLS Streaming - I've implemented this strategy (m3u8 playlists) and it works, but there were several issues with it.
Preloading all the vidoes - I am lacking experience and in-depth knowledge of HTML5 video. I have implemented a demo that preloads all the videos in separate <video> tags and then switches them in and out as needed. This works in Chrome, has frequent pauses in Safari, and violently crashes OSX in Firefox.
Is there a better way to do this?
Maybe a better strategy to preloading the videos?
Thank you so much.
I was browsing on squarespace's website and saw that they have a button in the bottom right that plays a fullscreen video after it's clicked. When I used bigvideo.js, the video was blurry, but the one Squarespace uses isn't blurry and it also has it's own player. Does someone know how I could achieve this? I'm mainly wondering about how to make my own player and play a video without linking to another html page.
EDIT: It seems they've put videos as the backgrounds. How could they do that?
LINK: http://www.squarespace.com/
Screenshot: http://postimg.org/image/ilptcpvcx/
HTML 5 player has full screen built in.
Alternatively you could look at flowplayer or sublime video.
As for the blurry video are you sure its not just your video quality?