使用网页摄像头在HTML网页上录制带有音频的视频 [英] Record Video with Audio using Webcam in HTML Webpage

问题描述

我想知道如何记录来自网络摄像头的视频，这个视频也记录了音频，目前像 getUserMedia 这样的解决方案只记录视频或音频，一次一个，不记录视频有音频。

我需要创建一个网站，允许用户录制实时视频，并保存在网站。我尝试使用一些像 navigator.getUserMedia 这样的现有插件来录制视频，但录制的视频没有任何音频录制。

所以我只是希望知道要对 getUserMedia 进行哪些更改，以便在录制视频的同时记录音频。

我从来没有这样做过之前所以这可能听起来像一个愚蠢的问题，但我真的需要了解如何使用摄像头录制实时视频。

现在我正在使用导航器。 getUserMedia

我在某个地方看过无法录制VIDEO& AUDIO同时使用getUserMedia，这是真的吗？

我不知道是否有任何其他插件是免费的，并会帮助我录制正确的实时视频。我打开使用任何其他插件可能是jQuery或Flash，我只需要知道如何录制适当的视频。

当我说适当的视频我的意思是该视频应该有音频。

预先感谢您。

PS： -
我使用PHP，Apache Webserver进行后端处理。

解决方案

请看MediaRecorder API。它可以让你录制视频和音频很容易。请注意，这是非常实验性的。

https://developer.mozilla.org/zh-CN/docs/Web/API/MediaRecorder

I wish to know how to record a video from webcam which also records audio, currently the solutions out there like getUserMedia only records Video or Audio, one at a time, it does not record video that has audio in it.

I need to create a website that allows users to RECORD LIVE VIDEO and save it in the website. I tried using some of the existing plugins like navigator.getUserMedia to record the video but that video get's recorded without any audio.

So I just wish to know what changes do I need to do to getUserMedia so that it records audio as well while recording video.

I have never done this before so for some this may sound like a silly question but I really need to understand how to record LIVE VIDEO using webcam.

For now I am using navigator.getUserMedia

I read somewhere that you cannot record VIDEO & AUDIO simultaneously using getUserMedia, is this true?

I don't know if there is any other plugin that is free and will help me record proper LIVE VIDEO. I am open to using any other plugin may that be jQuery or Flash, I just need to know how to record a proper VIDEO.

When I say proper video I mean that that video should have audio as well.

Thank you in advance.

PS:- I am using PHP, Apache Webserver for back-end processing.

解决方案

Take a look at the MediaRecorder API. It allows you to record video and audio pretty easy. Be aware, that this is very experimental.

https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder

这篇关于使用网页摄像头在HTML网页上录制带有音频的视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！