media-source

来源： https://stackoverflow.com/questions/33788730/mp3-support-on-firefox-mediasourceextension

来源： https://stackoverflow.com/questions/64087720/currenttime-set-to-different-value-after-loadmetadata-event-during-seek

问题 I'm trying create a SourceBuffer from the W3 Media Source Extension API with Mime type 'audio/wav' like so: let sourceBuffer = mediaSource.addSourceBuffer('audio/wav'); However I get a "NotSupportedError": Failed to execute 'addSourceBuffer' on 'MediaSource': The type provided ('audio/wav') is unsupported. Also, running the following: MediaSource.isTypeSupported('audio/wav'); in the browser console returns false for both recent versions of firefox and chrome. If I just set the src of the

问题 Basically I want to be able to perform effectively this same code: const video = document.getElementById('video'); const canvas = document.getElementById('canvas'); const context = canvas.getContext('2d'); const draw = () => { context.drawImage(video, 0, 0); requestAnimationFrame(draw); } video.onplay = () => { requestAnimationFrame(draw); } only using an offscreen canvas. I can send images over messages to the worker the offscreen canvas is on, but not video as it's directly tied to an

问题 Basically I want to be able to perform effectively this same code: const video = document.getElementById('video'); const canvas = document.getElementById('canvas'); const context = canvas.getContext('2d'); const draw = () => { context.drawImage(video, 0, 0); requestAnimationFrame(draw); } video.onplay = () => { requestAnimationFrame(draw); } only using an offscreen canvas. I can send images over messages to the worker the offscreen canvas is on, but not video as it's directly tied to an

问题 Basically I want to be able to perform effectively this same code: const video = document.getElementById('video'); const canvas = document.getElementById('canvas'); const context = canvas.getContext('2d'); const draw = () => { context.drawImage(video, 0, 0); requestAnimationFrame(draw); } video.onplay = () => { requestAnimationFrame(draw); } only using an offscreen canvas. I can send images over messages to the worker the offscreen canvas is on, but not video as it's directly tied to an

问题 I'm trying to play video from websocket <video id="output" width="320" height="240" autoplay></video> <script> function sockets(buffer) { const socket = new WebSocket('wss://localhost:5002/ws') socket.onmessage = async function (event) { // event.data is a blob buffer.appendBuffer(new Uint8Array(event.data)) } } let ms = new MediaSource() let output = document.getElementById('output') output.src = URL.createObjectURL(ms) ms.onsourceopen = () => { let buffer = ms.addSourceBuffer('video/webm;

问题 Let's start with an example: You visit youtube.com, which uses Media Source Extension (MSE) with HTML5 for certain devices. MSE injects the <video> tag with a blob URL. It looks something like this: blob:https://www.youtube.com/blahblahblah" Throughout streaming the entire video, your browser makes multiple network calls to download the various chunks of video, and appends them to the MSE's SourceBuffer Therefore, the Meda Source object as a whole is updated throughout the video stream

问题 I wanted to do a basic fragmented mp4 broadcast program with avformat libs and HTML5 video and MSE. This is a live stream and I use avformat to copy h264 data to mp4 fragments. Here is my basic drawing of clients attaching to the stream: So, with words: C1J: First Client joins: avformat process starts ftyp, moov, moof, mdat boxes will be served to Client1 ftyp and moov atoms are both saved for later reuse C2J: Second Client joins (later in time): avformat process is ongoing (because it is

问题 I wanted to do a basic fragmented mp4 broadcast program with avformat libs and HTML5 video and MSE. This is a live stream and I use avformat to copy h264 data to mp4 fragments. Here is my basic drawing of clients attaching to the stream: So, with words: C1J: First Client joins: avformat process starts ftyp, moov, moof, mdat boxes will be served to Client1 ftyp and moov atoms are both saved for later reuse C2J: Second Client joins (later in time): avformat process is ongoing (because it is