Questions tagged [media-source]
MediaSource JavaScript API extends the HTMLMediaElement to allow JavaScript to generate media streams for playback.
media-source
332
questions
-1
votes
0
answers
31
views
Play failed: DOMException: Failed to load because no supported source was found
In write a code that will loads a video with XMLHttpRequest to HTMLElement using media source and playing it as soon as it can.
But (I having this error in this example: Play failed: DOMException: ...
- 11
1
vote
2
answers
35
views
How to play chunked audio file without waiting for fetch to complete?
Is it possible to start playing audio using MediaSource (or something) without waiting for the complete data to be received ? For example, I have a very large audio file (several hours long) served ...
- 91
-1
votes
1
answer
100k
views
Firefox Security Error: Content at http://localhost:NNNN/ may not load data from blob:http://localhost:NNNN/... when assigning blob url of MediaSource
I currently have a setup to emulate Web Workers support when some functionalities are not supported on different browsers in order to use the same messaging system across all browsers. In this case ...
- 427
0
votes
0
answers
26
views
Web Audio API: Occasional Skipped Audio Chunks When Playing Real-Time Stream in VueJS App
I'm working on a VueJS web application that receives audio data through a WebSocket and plays it in real-time using the Web Audio API. The audio data is sent as base64-encoded chunks which I decode ...
0
votes
0
answers
18
views
trouble recording newly joined participants' audio in OpenVidu and RecordRTC.js
I'm trying to implement recording functionality for multi-party video conferences using OpenVidu and RecordRTC.js. However, I've encountered an issue: recording the audio of newly joined participants ...
- 13
1
vote
1
answer
99
views
sourceBuffer.appendBuffer successfully but the h5 video player stuck
Here is my fontend code with React.js
import React, { useEffect, useRef } from 'react';
const VideoPage = () => {
const videoInited = useRef(false)
useEffect(() => {
const video = ...
- 81
0
votes
0
answers
42
views
Reimplement HTML Media Tag Fetching without a tag using Media Source API
I am trying to re implement the fetching stack of a video tag before the tag is mounted.
Media Source API seems to be the right solution to do this, but it does not seems to open if I don't attach it ...
3
votes
0
answers
115
views
How to deal with `CHUNK_DEMUXER_ERROR_APPEND_FAILED` MediaSource error on Chrome?
I'm trying to write a single-page application in HTML that streams YouTube videos. As some may know, YouTube keeps high-quality video/audio as separate streams. I've already figured out how to get ...
- 63
0
votes
0
answers
55
views
Appending to MediaSource after seeking to a nonbuffered position
This is the closest copy of my question: MediaSource appendBuffer at different positions
Essentially, I have a video file stored in S3 that I am able to successfully fetch byteranges of and load into ...
2
votes
0
answers
183
views
Audio stream on Safari iOS does not play (MediaSource vs ManagedMediaSource?)
Symptom
Audio streaming plays on all browsers except on Safari on iOS.
I suspect that the issues comes from MediaSource that isn't supported on iOS, so I tried an implementation using ...
- 81
0
votes
1
answer
106
views
Why are the extra codecs causing errors for the Media Source API?
I used mp4box(https://gpac.github.io/mp4box.js/dist/mp4box.all.js) to generate
video/mp4; codecs="mp4a.40.2, avc1.42e01e, rtp , rtp ". When MediaSource.isTypeSupported(mimeCodec) is run it ...
- 25
1
vote
0
answers
151
views
Trouble playing multiple video tracks with MSE and mp4box.js in JavaScript
I'm working on a web application where I need to play two separate video tracks from a single MP4 file using Media Source Extensions (MSE) and MP4Box.js. I've set up MediaSource and SourceBuffer ...
1
vote
2
answers
223
views
Can I use MacOS WKWebKit in Mac Catalyst app?
My client has an iPad app that runs a web app in a WkWebView. The web app streams video using the MediaSource API, which is available on iPad and Mac but not iPhone. When running the app on Mac using ...
- 11
0
votes
0
answers
122
views
Audio appended to MediaSource buffer doesn't play immediately 100% of the time
I am sending the same bit of audio every 5 seconds to my browser websocket client and appending it to the MediaSource buffer. The problem is sometimes the single piece of audio plays instantly (the ...
- 9,544
6
votes
2
answers
836
views
why does my MSE code get `Security Error: Content at http://localhost:3000/ may not load data from blob:...`?
I'm trying to use the HTTP Media Source Extension API in React + MUI. I have a "camera driver" class that maintains a MediaSource, and am linking it to a video element.
I'm currently doing ...
- 2,206