将 desktopCapturer 从 Electron 应用程序保存到视频文件
基于 electron api 和这个问题 我正在尝试将录制的用户屏幕保存到 .webm应用程序根文件夹中的视频文件夹中的文件. 实际上它几乎可以工作，因为它保存 .webm 文件但保存的文件是空的，它重 0B.. 我不知道我在这里缺少什么. 所以看起来它以某种方式无法正确录制，因为文件是空的.. edit 调试时我发现记录可能正常工作，因为我控制台日志的 blob 在内部具有价
..
mediastream相关内容
将 desktopCapturer 保存到 Electron 中的视频文件
desktopCapturer api 示例展示了如何将屏幕捕获流写入 元素. //在渲染器进程中.var desktopCapturer = require('electron').desktopCapturer;desktopCapturer.getSources({types: ['window', 'screen']}, function(error, sources)
..
webRTC 使用 ffmpeg.js 将 webm 转换为 mp4
我正在尝试使用 ffmpeg.js 将 webM 文件转换为 mp4.我正在从画布(带有一些信息的覆盖层)录制视频并录制视频中的音频数据. stream = new MediaStream();var videoElem = document.getElementById('video');var videoStream = videoElem.captureStream();stream.ad
..
CanvasCaptureMediaStream/MediaRecorder 帧同步
当使用 CanvasCaptureMediaStream 和 MediaRecorder 时，有没有办法在每一帧上获取一个事件? 我需要的与 requestAnimationFrame() 没什么不同，但我需要它用于 CanvasCaptureMediaStream(和/或 MediaRecorder)而不是窗口.MediaRecorder 可能以与窗口不同的帧速率运行(可能以不规则可分的速
..
MediaStream 同时捕获画布和音频
我正在做一个我想参与的项目: 加载视频 js 并将其显示在画布上. 使用过滤器来改变画布(以及视频)的外观. 使用 MediaStream captureStream() 方法和 MediaRecorder 对象记录画布表面和原始视频的音频. 在 HTML 视频元素中同时播放画布和音频流. 通过调整此 WebRTC 演示代码，我已经能够在视频元素中显示画布记录:https://w
..
如何使用网络音频 api 获取原始 pcm 音频?
usergetmedia 如何在 chrome 中使用麦克风然后流式传输以获取原始音频?我需要获得线性 16 的音频. 解决方案 我发现的唯一两个清晰且有意义的示例如下: AWS 实验室:https://github.com/awslabs/aws-lex-browser-audio-capture/blob/master/lib/worker.js AWS 资源非常好.它向您
..
在 reactjs(视频组件)中捕获 MediaStream
我想从 react 视频组件捕获本地视频 MediaStream 对象并将其传递到 WebRTC.captureStream() 方法可能在 React 中不存在，有人可以分享我的代码吗??? 当我尝试在 react 中运行 captureStream() 时，它向我显示错误(reactjs 中不存在captureStream) 解决方案
..
从浏览器中的网络摄像头获取 ReadableStream
我想在浏览器中将网络摄像头输入作为 ReadableStream 以管道传输到 WritableStream.我曾尝试使用 MediaRecorder API，但是当我想要一个连续流时，该流被分成单独的 blob.我认为解决方案可能是将 MediaRecorder 块通过管道传输到一个统一的缓冲区并作为连续流从中读取，但我不确定如何让该中间缓冲区工作. mediaRecorder = new M
..
在视频通话期间将音频添加到传入流中以记录通话双方的语音
我创建了一个使用 peer js 来发起视频通话的应用程序.我正在使用 mediarecorder Api 来记录来自呼叫者的传入流.但是，我需要将通话中呼叫者和接收者的音频添加到录音中，并且视频应该仅是呼叫者(传入流). 我已经尝试过 https://github.com/muaz-khan/MultiStreamsMixer 这个.但是，在录制它时，我通过 vlc 得到了一个无法读取的文
..
对于 html 视频元素，是否可以将流作为源添加到 html canvas 元素?
根据 MDN: HTMLMediaElementinterface 添加到 HTMLElement 属性和支持基本媒体相关功能所需的方法音频和视频通用. HTMLMediaElement.captureStream().它可以与 和 元素一起使用以捕获其流. 相反，您可以将 视频流 作为 srcObject 添加到 元素，然后显示它. 元素也可以吗? 是否可以将流添加作为源
..
如何在Javascript中将音频缓冲区转换为MP3?
我在ReactJS中使用MediaRecorder来记录来自麦克风的音频，并以MIME类型"audio/mp3"将其存储到blob中.我想将此Blob转换为MP3，然后将其上传到S3存储桶中. 我可以通过使用audioContext，decodeAudioData和audioBufferToWav函数将其转换为WAV，但是WAV的大小非常大.由于MP3文件的大小相对较小，因此我希望它将我的B
..
HTMLImageElement-src作为流
过去，您可以使用URL.createObjectURL()并将其传递给MediaStream.但是，此内容已被删除(请参见 https://www.fxsitecompat.dev/zh-CA/docs/2017/url-createobjecturl-stream-has-been-deprecated/). 替换功能是改为使用HTMLMediaElement.srcObject.这样可以
..
如何运行mediaStream
我已经创建了一个网络摄像头流 navigator.getUserMedia({ "video": true }, function(stream){ videoTag.src = window.URL.createObjectURL(stream); videoTag.play(); } 我可以在全局范围内的stream中访问MediaStream对象吗?* (类似
..
有没有一种方法可以将视频数据从视频标签/ MediaStream发送到OffscreenCanvas？
基本上我希望能够有效地执行相同的代码： const video = document.getElementById （'视频'）; const canvas = document.getElementById（’canvas’）; const context = canvas.getContext（'2d'）; const draw =（）=> { context.d
..
如何将getusermedia记录的流实时发送到服务器Node.js
我能够使用socket.io将流blob发送到节点js服务器.但是，它在更新视频播放器中的Blob数据时闪烁.我希望它运行平稳.如何在不使视频播放器闪烁的情况下发送数据.这是我的服务器代码 var express = require("express"); var app = express(); var http = require("http").Server(app); var io
..
在播放流之前，StreamTrack的readyState即将更改为结束(MediaStream-MediaStreamTrack-WebRTC)
jsfiddle( https://jsfiddle.net/kalyansai99/mm1b74uy/22/)包含的代码，用户可以在该代码中在手机的前后摄像头之间进行切换. 当我切换回后置摄像头时，在少数移动设备上工作正常(Moto g5 plus，Moto E3等-Chrome浏览器)，而在少数移动设备(Mi Redimi Note 4-Chrome浏览器)上，最初该流正在加载跟踪"re
..
没有getUserMedia的声音分析
我正在尝试分析浏览器的音频输出，但是我不希望出现getUserMedia提示(要求获得麦克风许可). 声音源是SpeechSynthesis和Mp3文件. 这是我的代码: return navigator.mediaDevices.getUserMedia({ audio: true }) .then(stream => new Promise(res
..
为什么没有为此MediaStreamTrack触发“结束"事件?
我想知道MediaStreamTrack的结尾.根据 MDN ，事件是 在曲目的播放结束时发送(当值readyState更改为ended时发送). 也可以通过onended事件处理程序属性使用. 所以我应该能够设置我的回调，例如: const [track] = stream.getVideoTracks(); track.addEventListener('ended', ()
..
将DesktopCapturer保存到Electron中的视频文件
desktopCapturer api示例演示了如何将屏幕捕获流写入元素. // In the renderer process. var desktopCapturer = require('electron').desktopCapturer; desktopCapturer.getSources({types: ['window', 'screen']}, functi
..
MediaRecorder-如何在录制时播放视频块/视频?
我当前有一个 MediaStream ，正在使用 MediaRecorder 进行录制.在recorder.stop()之后的录制结束时，它会产生一个 Blob ，我可以播放该视频.我的目标不是最后播放整个视频，而是在录制时播放大块.目前，在录制未结束时，大块无法播放. 我该如何使用javascript做到这一点?最终目标是通过websocket发送一个即使在录制过程中仍可播放的块.
..