I have a Flash player that I created with Moyea PlayerBox and I am trying to figure out how to find out when the video is done playing. I want to create a playlist kind of like ESPN does where you can do a check box for continuous play and if it is checked I want it to keep playing if not I want the user to be able to decide where on the playlist to play.
If you're willing to use an external library, it looks like JW Player supports a MediaEvent.JWPLAYER_MEDIA_COMPLETE event for this.
Related
So I am using video.js as my video player on my website, but was curious if there was a way (either using video.js or another video player) to be able to sync a video between all devices on the website?
For example, if Person A, Person B and Person C is viewing this video on my website, it would sync their video up so they are at the same time, and if either of them pauses then all three people see their video pause? A lot like Netflix Party / Youtube Party for videos. I am quite new to JS
It's possible to set and read the current time of a video in JavaScript with HTMLMediaElement.currentTime. You can also play/pause and check if its playing with either the paused attribute or the pause/play events.
You will need some form of backend to keep track of when all of this happens and to relay the appropriate time/events to everyone watching which is outside the scope of basic DOM JS (though there are JS based backends if that's your thing).
You'll probably need some form of live two-way connection like a websocket.
So I am using video.js as my video player on my website, but was curious if there was a way (either using video.js or another video player) to be able to sync a video between all devices on the website?
For example, if Person A, Person B and Person C is viewing this video on my website, it would sync their video up so they are at the same time, and if either of them pauses then all three people see their video pause? A lot like Netflix Party / Youtube Party for videos. I am quite new to JS
It's possible to set and read the current time of a video in JavaScript with HTMLMediaElement.currentTime. You can also play/pause and check if its playing with either the paused attribute or the pause/play events.
You will need some form of backend to keep track of when all of this happens and to relay the appropriate time/events to everyone watching which is outside the scope of basic DOM JS (though there are JS based backends if that's your thing).
You'll probably need some form of live two-way connection like a websocket.
I was wanting to make a webpage that streams my phone's camera to the webpage so that I could add a filter on top while it records. Sort of like Snapchat but on the browser instead of an app.
So far, all I can find is the option to record a video and then have the video display afterwards on the browser. I am however looking for a live stream option.
Is there any way to implement this?
You can use the html5 getUserMedia, heres a tutorial:
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
As I said in my title, I was wondering how I could add a cast button (For chromecast.) to a javascript based video player. Note, this player is a web player and integrated on this site: twist.moe
You can find the code for the player here, https://twist.moe/public/js/video.js But more over, I'm just wondering if its even possible to integrate the cast button into a javascript based player.
I am using version 4 of this player and want to be able to interact with it as it iterates through each piece of media in the playlist. When a playlist is loaded into the player with XML, I want to get the ID from the media that's currently playing then dynamically show the related info to the user.
There is not much documentation on this version and my JavaScript skills are not that great.
Is what I want to do even possible with this version of JW Player? If it is, can someone either point me to an example that would incorporate this functionality or show me how this can be accomplished?