I currently have a flowplayer set up that uses the RTMP plugin and streams 3 files one after the other (a playlist). Currently I only have the flash version of the player doing this but I would like to somehow do the same thing for a HTML5 fallback for iPads, iPhones & Android.
I managed to get it so there was a HTML5 audio player playing one of the files but it needs to play all 3 one after each other.
Firstly, is this possible? Secondly, would there be anyone that can help me code this for a page as I don't really have a great deal of knowledge doing this.
I'd also like to switch the flash version over to HTTP rather than RTMP.
Thanks in advance.
HTML <audio> does not offer internal playlist capabilities.
What you need to do is to
Write your playlist into Javascript array
Listen to <audio> ended media event
Set <audio src> to next item on the playlist in your event handler
https://developer.mozilla.org/en/DOM/Media_events
Related
I am fairly new to js and html. I am building my own Video Portfolio Website.
I have multiple videos and update their src, depending on which video is clicked.
I use the video.js player to play my m3u8 and mpd files.
The problem is that, for some reason video.js can't update the src of the video and fails to play any video at all.
[You can download my website here]
I've been trying to solve this problem for a couple weeks now, but couldn't manage to do so.
I hope someone here can help!
Thanks in advance!!
When you're using Video.js (or any comparable player) you shouldn't try to directly interact with the underlying <video> or <source> elements, you need to use Video.js's API.
Loading a new video is accomplished by passing a source or array of sources to the player's src() method.
videojs.getPlayer('my_player').src({
type: 'application/x-mpegurl',
src: 'https://example.com/video.m3u8'
});
See e.g. https://videojs.com/guides/player-workflows/
I am trying to play live streaming videos in html5. I have tried red5 server to subscribe the video and it worked well. but the problem is, It is playing using flash in browser. I want to play the video in html5 video tag without using flash support.
Note: Live streaming format is flv.
Can anyone guide me with the best option to do this?
Thanks in advance.
You can use alternatives for flash player using third party player such as JW player, SublimeVideo, VideoJS, etc.
I would also look into html5_rtsp_player if you are looking for non http based protocol. (https://github.com/Streamedian/html5_rtsp_player)
Since HTML5 video does not support .flv at this time (or probably ever), you should use a post-processor (if recording to flv on Red5) to convert to .mp4 using ffmpeg. This will alleviate the unsupported container issue.
i am coding on a custom player for quite a while now.
My plan was to use soundcloud as my backend. And the HTML5 audio Tag as my streaming object.
I also want to include a Canvas for a bit of visualisation. And thats were the problem starts.
For the Visuals to work on both Browsers, I need to load the audio into an arraybuffer via xhr request. But then I can't use the audio Tag anymore. Which is sad, because by now I know how to code all the functionality i need based on it.
I found the article on html5rocks about html5 audio and WebAudio being best friends.
There is also an example on how to use the tag with an frequency bar visualizer. BUT
this only works on Chrome, because Firefox - maybe some of you have noticed - will play .mp3 files but inside a video object. For the visuals to work I would need .ogg files for Firefox. But then i can't use soundcloud as my backend anymore.
So do i have to rethink the whole player - or is there a way to decode the audio on both browsers while using html 5 audio?
thank you very much.
That's an issue with FF (no MP3 support in <audio>). But can't you get a media stream from the element also? It shouldn't matter that it's a not an - audioContext.createMediaElementSource should work on that, too.
I need some help/suggestion . I'm building a website using PHP, MySQL, HTML5, CSS and I'm stuck at a point.
I have few queries regarding Audio and Video capture from webcam using HTML5.
Is it possible to capture audio and video (Audio and Video means , audio separately, video which will record the audio too [for an example say some one is singing]) from webcam using html5 and PHP or JavaScript code and store it at local pc or in a Live servers pace where I want to ?
Also if it is not possible using html5 , can anybody please suggest a solution? May be using flash or some 3rd party application which I can use in my website with no restriction!
Can anyone help?
You can rent a server with Flash Media such as www.influxis.com and develop the capture part using flash.
HTML5 supports getUserMedia, as documented at http://dev.w3.org/2011/webrtc/editor/getusermedia.html
A good article on this (including examples that actually work, with code) is available here http://www.html5rocks.com/en/tutorials/getusermedia/intro/
I am building Self Hosted Video tutorial website.
I want to use HTML5 Player But with just one single Video format (mp4). But problem is that in some browsers like opera MP4 format is not supported.
I know for this i have to add multiple formats in html5 video player but having multiple versions (formats) of the same video will occupy multiple times of space in hosting.
Please give Suggestions.
There is no support for html5 before IE 9.i think you should use Video.Js.The Video.js API allows you to control the video through javascript or trigger event listeners, whether the video is playing through HTML5, flash, or another playback technology.
you can download it from here.
http://www.videojs.com/
read the documentation here.
https://github.com/videojs/video.js/blob/v4.2.2/docs/index.md