MediaSource JavaScript API extends the HTMLMediaElement to allow JavaScript to generate media streams for playback.
Questions tagged [media-source]
325 questions
85
votes
2 answers
What exactly is Fragmented mp4(fMP4)? How is it different from normal mp4?
Media Source Extension (MSE) needs fragmented mp4 for playback in the browser.

Aditya Gupta
- 896
- 1
- 7
- 9
35
votes
3 answers
MediaSource error: This SourceBuffer has been removed from the parent media source
I'm experimenting with the new MediaSource API available in Chrome.
I'm trying to append binary data on the fly from a WebSocket to the video media source.
Starting with the example at https://html5-demos.appspot.com/static/media-source.html, my…

Chris Nolet
- 8,714
- 7
- 67
- 92
32
votes
2 answers
Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag
I am trying to get this example to work. It works fine when I click the link. But when I try to download the HTML file on my local machine and try the same, it is throwing this error.
Not allowed to load local resource:…

Mathew
- 635
- 2
- 7
- 14
26
votes
2 answers
Video buffering in IE/Edge using Media Source Extensions
We are trying to use MSE (Media Source Extensions) to show real time video on a website. We are sending frames over websocket and trying our hardest to keep latency down.
Our current prototype is streaming very well in IE, Edge, Chrome, Safari etc.…

oskbor
- 1,592
- 18
- 35
26
votes
4 answers
Which web browsers support the MPEG-DASH streaming protocol?
I have found something bellow:
According to: This Link
DASH is supported by any browser any browser that supports the
W3C Media Source Extensions (MSE), today that is Chrome and IE11
And here
Firefox 21 includes an implementation of DASH for…

hoangmeo325
- 450
- 2
- 10
- 18
21
votes
3 answers
MediaSource vs MediaStream in Javascript
My Javascript application gets a WebM video stream over a Websocket connection. There is no delay between remote peer sending video frames and the application getting them.
I create a MediaSource object in the application, to which I "append video…

Sergio
- 241
- 2
- 9
21
votes
1 answer
How to use Blob URL, MediaSource or other methods to play concatenated Blobs of media fragments?
Am attempting to implement, for lack of a different description, an offline media context.
The concept is to create 1 second Blobs of recorded media, with the ability to
Play the 1 second Blobs independently at an HTMLMediaElement
Play the full…

guest271314
- 1
- 15
- 104
- 177
17
votes
1 answer
How to keep a live MediaSource video stream in-sync?
I have a server application which renders a 30 FPS video stream then encodes and muxes it in real-time into a WebM Byte Stream.
On the client side, an HTML5 page opens a WebSocket to the server, which starts generating the stream when connection is…

Saran Tunyasuvunakool
- 1,064
- 1
- 9
- 23
16
votes
4 answers
How to play a video in a Seamless loop using media source extensions
I am working on media source extension to play the video in a seamless loop without any delay. I have done an extensive r&d about it and also done different things. Now i am working on this code

dev
- 555
- 1
- 13
- 31
14
votes
1 answer
MediaSource does not support ogg audio?
MediaSource.isTypeSupported('audio/ogg; codecs="vorbis"') return false - is it mean that I can not stream ogg as a response from POST?

Vitaly Zdanevich
- 13,032
- 8
- 47
- 81
14
votes
2 answers
Youtube Blob urls don't work in browsers but in src
I know that there are no blob urls only objects.
I made my own blob object for a video buffer and then I used it in a src of video tag which is something like blob://website.com/blablobbla . I opened this url in the browser it worked
when I opened…

Waqas Tahir
- 7,171
- 5
- 25
- 47
14
votes
2 answers
Live streaming dash content using mp4box
I'm trying to live stream H.264 content to HTML5 using the media source extensions API.
The following method works pretty well:
ffmpeg -i rtsp://10.50.1.29/media/video1 -vcodec copy -f mp4 -reset_timestamps 1 -movflags frag_keyframe+empty_moov…

galbarm
- 2,441
- 3
- 32
- 52
13
votes
1 answer
Calculate .m4s segment file suffix in HTML5 video streaming when user seeks to another time
I have created fixed length segments for a long MP4 video using Mp4Box. Mp4Box creates a meta info file mv_init.mp4 and segments like mv_1.m4s, mv_2.m4s, … I stream the video using HTML5 Media Source Extensions and the streaming is working…

asim-ishaq
- 2,190
- 5
- 32
- 55
13
votes
2 answers
Unable to get MediaSource working with mp4 format in chrome
Based on the example here
I downloaded the webm file and encoded as an mp4 file which will play locally but I'm unable to use it as a media source.
MP4Box reports the codec to be avc1.64000d,mp4a.40.2 but adding it to the source buffer did not…

andrew
- 9,313
- 7
- 30
- 61
12
votes
0 answers
Live-Streaming webcam webm stream (using getUserMedia) by recording chunks with MediaRecorder over WEB API with WebSockets and MediaSource
I'm trying to broadcast a webcam's video to other clients in real-time, but I encounter some problems when viewer's start watching in the middle.
For this purpose, I get the webcam's stream using getUserMedia (and all its siblings).
Then, on a…

Shimon Topach
- 141
- 10