在Safari的视频对象中显示在WebRTC中录制的视频
，可以通过以下步骤实现：
- 首先，确保你已经使用WebRTC技术成功录制了视频。WebRTC是一种实时通信技术，可以在Web浏览器之间进行音视频通信和数据传输。
- 在录制视频后，你可以将其保存为Blob对象或者通过WebSocket等方式传输到服务器端进行存储。
- 在前端开发中，你可以使用HTML5的video标签来显示视频。在Safari浏览器中，可以使用以下代码创建video元素并将录制的视频显示在其中：
<video controls>
<source src="录制的视频URL" type="video/webm">
Your browser does not support the video tag.
</video>在上述代码中，将"录制的视频URL"替换为实际录制视频的URL地址。注意，Safari浏览器支持的视频格式为WebM，因此录制的视频需要转换为WebM格式后才能在Safari中播放。
- 如果你需要在其他浏览器中播放录制的视频，可以使用MediaRecorder API将录制的视频转换为不同的格式，如MP4或者其他常见的视频格式。
- 关于腾讯云的相关产品和服务，推荐使用腾讯云的云存储服务 COS（对象存储），它提供了高可靠性、高扩展性的存储解决方案，适用于存储各种类型的数据，包括视频文件。你可以通过腾讯云COS的官方文档了解更多信息：腾讯云对象存储 COS
总结：在Safari的视频对象中显示在WebRTC中录制的视频，需要使用HTML5的video标签，并将录制的视频转换为Safari支持的WebM格式。腾讯云的云存储服务 COS 可以作为存储解决方案。
相关·内容
当使用WebRTC直接从用户摄像头录制视频时，您会获得一个带有视频的BLOB对象。 video.src = window.URL.createObjectURL(blob); 当尝试将blob应用于视频元素时(例如，使用上面的代码或其他替代方案，如webkitURL等)。如此处所示( https://stackoverflow.com/a/59934597/311188)，它在Safari中失败。 它显示视频控件，但它显示0秒，而play不执行任何操作。 有人创建了一个示例来实现这一点，但它使用文件(https://bl.ocks.org/unRob/3bd07a012597aa959c92
浏览 31提问于2021-06-21得票数 1
1回答
我需要建立视频聊天应用程序与选项记录视频通话。我认为最合适的做法是使用WebRTC，特别是Kurento。但是，Safari目前不支持WebRTC，而且iOS客户端SDK不提供录制视频的能力。javascript客户端支持这一点：
所以我想在我的应用程序中打开一个铬浏览器，仅仅是为了webRTC的功能。我读过关于眨眼WebKit的文章，但我不确定这是否是我所需要的。
欢迎在iOS应用程序上为视频通话+录制功能提出任何其他解决方案。
浏览 4提问于2017-01-25得票数 1
可以使用WebRTC或RecordRTC在Safari浏览器上录制视频吗？我试着测试了他们的API的示例链接，在Chrome和Firefox上运行良好，在Safari上不起作用。(我在Mojave / Safari 12上进行了测试)。以下是我尝试过但不起作用的链接：
浏览 24提问于2019-07-30得票数 0
我已经发布了几条路径：
( 1)用录制视频，但只能在iOS上录制，不能定制。我需要渲染一个红色的帧在视频预览层和限制视频长度为30秒。
2)在服务器上使用WebRTC客户端进行记录，但我找不到任何软件来这样做。我已经找到了kurento媒体服务器，但是它的客户机js utils库不支持Safari 11。
3)用flash插件进行记录。但是iOS不支持它。
你能帮我找到其他方法吗？
浏览 0提问于2018-02-27得票数 4
回答已采纳
我现在有一个iPhone，它通过WebRTC连接到浏览器，从那个浏览器我有其他的浏览器窗口通过webRTC连接，这些窗口可以预览相同的视频流。
iPhone > Safari (视频作品)> Chrome/ Firefox /Safari iPhone>Firefox(视频作品)> Chrome/Firefox/Safari桌面工作，以及iPhone> Chrome (视频作品)> Chrome/Firefox/Safari显示黑色视频
我的问题有点难以解释，所以我创建了一个图像来帮助说明这个问题：
最疯狂的是，当源代码是Android设备或其他浏
浏览 0提问于2020-08-06得票数 0
1回答
我想能够录制视频与音频使用HTML和Javascript。
经过一些研究，我可以用getUserMedia获得视频流。此外，还有用于记录的WebRTC，但据我所知，它还没有在桌面浏览器中实现(只有移动浏览器支持它)。因此，现在我只能捕获视频，但不能将其保存到服务器或录制。
我还有其他选择吗？有没有人知道一个好的闪存或HTML5替代方案，使我能够捕获视频并保存到服务器上的音频和最长的录制时间
浏览 3提问于2013-11-15得票数 0
2回答
我必须在Safari 11中开发视频记录。我使用getUserMedia()在Safari中播放视频，它正在工作，但它没有录制视频。
我已经开发了使用媒体记录器在Chrome和Mozilla中录制的视频。媒体记录器在Safari 11中不支持录制video.How，我会在Safari 11中录制视频吗？
浏览 0提问于2018-03-29得票数 2
回答已采纳
1回答
我已经为Mozilla使用WebRTC实现了视频聊天。现在我想录制视频和音频。所以我用MediaStreamRecorder.js库录制视频和音频。它在中运行良好。
然后在GeckoFX windows窗体应用程序中使用c#浏览器打开相同的页面。它能很好地记录音频，但却无法录制视频。
怎样才能同时录制视频和音频？
浏览 4提问于2015-06-22得票数 0
回答已采纳
嗨，我正在使用webrtc设置one2one视频呼叫，我可以录制本地视频，但不能录制远程视频，我想录制远程video.Please帮助！
浏览 18提问于2016-11-18得票数 1
回答已采纳
2回答
我想创建一个简单的视频博客解决方案，利用WebRTC技术直接从浏览器录制视频/音频，类似于Youtube的My_Webcam。服务器组件应该基于Node.js。
我发现了一些用于一般WebRTC连接管理的Node.js库(、、EasyRTC)，但它们似乎不支持在服务器上录制流。
实现服务器端录制的最佳方式是什么？有没有可用的库和教程？
浏览 7提问于2013-09-25得票数 12
回答已采纳
我正在使用WebRTC和库伦托媒体服务器录制视频流。录音工作正常，但我遇到了一个问题。
浏览器以Webm格式存储媒体，该格式不保留元数据信息。如果我在纵向模式下录制移动webRTC流，那么Kurento正在录制该流，但当我播放该视频时，它在任何地方都是以横向模式播放的。
我对它做了一些研究和开发，发现Webm没有保存元数据信息，所以我用mp4格式录制了视频。
我已经阅读了Kurento媒体服务器的文档，但没有找到如何以mp4格式录制视频的地方。
有谁能告诉我如何做到这一点？
我尝试了以下操作-将文件扩展名更改为mp4
浏览 7提问于2019-09-13得票数 0
我使用WebRtc创建一个点对点连接来共享视频和音频。我想使用replaykit录制屏幕和Microphone.if我开始录制后，对等连接已经建立，这意味着两个可以共享视频和音频从每个other.in在这种情况下，repalykit无法录制屏幕和麦克风和previewController是black.if我开始录制之前已建立连接replaykit作品well.if我选择只记录屏幕或不添加RTCAudioTrack，它一直在工作。
那么如何在webrtc中使用replaykit呢？
您可以开始使用进行测试
浏览 10提问于2017-08-28得票数 1
2回答
我有一个发生在div元素中的动画。我想以给定的帧率和分辨率录制div元素，并将其导出为文件。如何在JS中实现。我已经搜索了很多，但我找到的所有JS视频记录样本都是关于WebRTC的。但我不想录制webrtc流。我只想录制一个1280x720大小，60fps的div元素。
浏览 7提问于2019-10-20得票数 1
我正在为iOS开发一个WebRTC应用程序。我的目标是从WebRTC对象中录制视频。
我有一个委托RTCVideoRenderer，它提供了这个方法。
-(void)renderFrame:(RTCI420Frame *)frame{
}
我的问题是:如何将对象RTCI420Frame转换为一个有用的对象，以便显示图像或保存到磁盘。
浏览 4提问于2015-01-29得票数 4
1回答
我正在寻找一种解决方案，使用浏览器(Javascript)将数据从膝上型计算机摄像机发送到rtmp服务器(比如facebook、live或youtube)。我研究过但没有运气。我得到的是：
直接从摄像机到rtmp服务器==>我们不能这样做，浏览器WebRTC使用udp和rtmp是tcp
另一台服务器作为代理==>，我认为是:浏览器使用WebRTC并将视频数据发送到服务器。服务器还作为WebRTC客户端运行，接收视频数据，转发到ffmpeg进程。ffmpeg将视频数据发送到rtmp服务器。
问题是，我在服务器上找不到WebRTC的任何工作示例(几乎可以使用服务器来帮助
浏览 0提问于2017-08-17得票数 1
回答已采纳
我目前有一个产品，用于录制视频/屏幕分享和音频，并使用Opentok WebRTC平台提供的API来创建流+录制。我遇到了几个问题，主要与录制文件的质量有关，我无法更改分辨率，也无法暂停录制。
因此，我开始关注skylink.io和kurento.org等WebRTC媒体服务器，并想了解人们使用它们的体验。它们容易/快速使用/创建吗？你的并发加载体验是什么？
任何关于这两种产品的信息都会很棒。
浏览 3提问于2015-09-26得票数 1
我需要通过webrtc流视频和播放它在网页上，它可以在所有的桌面浏览器窗口和mac操作系统正常工作。它也可以在android浏览器上运行。但在safari iOS上，视频被旋转为风景。它在两者上都是旋转的(当使用iOS safari捕获视频时，以及在chrome或safari桌面上接收流时)。我在带有safari iOS的webrtc站点上用默认的basic getUserMedia示例演示对其进行了测试，并发现了同样的问题。如何才能修复它，或者是否有任何其他解决方案？
浏览 5提问于2020-09-21得票数 2
我想使用WebRTC将音频/视频流式传输到web，同时希望在本地存储/录制音频/视频。有可能吗？
如果有同样的例子，请给出url。
提前感谢！
浏览 2提问于2015-04-21得票数 0
我正在使用媒体编解码器与媒体复用器的一些音频/视频操作，有一些其他线程，这是在同一时间使用MediaCodec和复用器。具体地说，我正在录制webRTC会话并执行一些音频/视频操作。WebRTC本身使用MediaCodec & Muxer，同时我正在尝试启动另一个这样的实例。在某些设备中，两个线程都工作得很好，但在某些设备中，MediaCodec无法实例化。我看到了这个。我的问题是，无论如何我能让它在所有设备上工作吗？任何方式使用相同的MediaCodec和多路复用器对象在同一时间不同的目的。？
浏览 1提问于2020-10-08得票数 1
1回答
WebRTC远程录音解决方案
、、、、
我正在使用video-conferencing (javascript/php)开发WebRTC。我想记录全屏幕，即所有的视频在单一视频，并存储在服务器上。我能够记录单个视频一次，但不是所有的视频在一次(全屏幕)。我能做到吗？
其中一个大问题是远程音频录制！有什么解决方案来录制远程音频吗？
我已经从获取了代码。
浏览 14提问于2015-11-18得票数 2
回答已采纳
我有一个web应用程序，它使用媒体记录器API来录制和显示视频。对于短视频，它工作得很好。 对于IOS上1分钟或更长时间的视频，网页会重新加载(加载前会闪烁一条通用错误消息)。控制台中没有错误。 长视频在Mac Safari上运行良好，但在IOS Chrome上也不行。 这显然是某种IOS资源问题。 有没有人成功使用mediarecorder API在IOS上录制并播放更长的视频？ 注意，崩溃发生在这行代码之后不久，我在无数的媒体记录器示例中看到过这一行代码： video.src = URL.createObjectURL(new Blob(blobs, { type: mediaRecor
浏览 66提问于2021-11-16得票数 0
1回答
WebRTC记录尺寸
、、、、
经过几个小时的研究，我找不到解决问题的办法，这似乎是不可能的。
我构建了一个简单的WebRTC聊天(2个客户端)，您可以在其中创建/加入一个房间。
当两个客户进入同一个房间时，他们可以互相交谈。我有一个localStream是本地用户相机，一个remoteStream是来自PeerConnection的另一个客户端摄像头。
我创建了一个按钮，允许我开始录制(本地)的remoteStream视频。所以我的客户1按下这个按钮，开始录制客户端2的视频。
我的问题是当我检查来自remoteStream的视频数据时，帧速率和视频分辨率会随着时间的推移而改变。当我开始录制MediaRecorder时，获取
浏览 9提问于2022-02-03得票数 0
5回答
根据的说法，WebRTC显然已经在FireFox、Chrome和Opera的开发版本上部分实现了。
然而，我读到Chrome Canary版本还不支持从设备进行视频录制。在这个阶段，有没有什么实现可以做到这一点？
浏览 1提问于2012-02-16得票数 5
回答已采纳
我正在使用Angular 7和WebRTC构建新的应用程序，并且我使用recordRTC.js来录制(音频和视频)我的问题是当我录制多个流时，只录制第一个流的音频。 public addStreamToRecorder(stream: MediaStream)
{
if (!this.recorder)
{
this.recorder = RecordRTC([stream],{type: "video"});
this.recorder.startRecording();
}
else
{
浏览 45提问于2019-09-30得票数 1
回答已采纳
当我尝试按照WebRTC规范使用LocalMediaStream实例录制网络摄像头视频时，出现以下错误：
Uncaught TypeError: Object #<LocalMediaStream> has no method 'record'
我尝试过谷歌Chrome的稳定/测试版/开发版和金丝雀版。
目前是否可以使用任何当前可用的Google Chrome版本来录制网络摄像头视频？
浏览 15提问于2012-09-19得票数 2
我需要在我的HTML5应用程序中显示一个低延迟(小于5秒)的视频流。该应用程序运行在iOS (不是移动Safari)的webkit not视图中。我已经探讨并消除了以下几种选择。
在网络视图中是否有任何显示低延迟视频流的选项？
WebRTC: webview中未实现的 JS (尽管现在在移动safari中支持)
RTMP:闪存播放器在webview中不受支持
RTSP:在iOS上不受支持，即使通过websockets (Strea中位数)进行隧道传输也是如此。
HLS和/或破折号：延迟太高
浏览 0提问于2019-06-07得票数 0
我的应用程序使用webrtc，使用camera2视频调用会影响6.0.1上的本地相机应用程序变暗(不可点击)录制视频按钮。
有什么需要帮忙的吗？
浏览 0提问于2016-12-21得票数 1
1回答
我正在尝试在使用incoming/outgoing pod的iOS应用程序中录制GoogleWebRTC audio/video streams。到目前为止，我还没有找到任何允许我们记录Audio/Video流的应用程序接口。我尝试使用AVCaptureSession从摄像机录制本地视频源，但这样做会冻结输出的视频流。这可能是因为多个AVCaptureSession实例不能使用相同的输入设备。
是否有其他方法可以在iOS中记录来自WebRTC的本地和/或远程流
浏览 14提问于2017-11-20得票数 6
我正在用gerUserMedia录制我的屏幕，并获取我的视频和音频流。然后，我使用WebRTC在另一个设备上发送/接收这个流。有什么方法可以通过转换这个传入的webrtc流作为ffmpeg的输入吗？
我所做的一切都是用javascript写的。
提前谢谢。
浏览 4提问于2020-01-22得票数 13
我已经在网上找到了捕获屏幕截图、流式音频以及录制和上传视频的解决方案，但一直无法找到演示如何从网络摄像头流式传输现场视频的资源。我已经研究过WebRTC，但不知道如何在RTMP中工作。
浏览 2提问于2015-08-13得票数 4
我想录制一个2分钟的视频在角7项目，但我还没有找到任何代码。我尝试过webRTC，但它也不起作用。
浏览 1提问于2019-03-26得票数 0
回答已采纳
我实现了一对一的webRTC视频聊天(音频和视频)
navigator.getUserMedia({
audio: true,
video:true
}, function (stream) {
}, function(err){
})
但我只想录制聊天会话的音频。在chrome中，我可以使用进行记录，但在火狐中，我得到的是video+audio文件(webM)。
如何从audio+video流中提取火狐中的音频？
浏览 3提问于2015-05-01得票数 1
1回答
我对webrtc和simplewebrtc感到困惑。他们之间有什么区别？
我想要一些额外的功能，除了视频/音频流。我想录制远程或本地视频。请告诉我哪一种更适合使用？
浏览 0提问于2018-10-05得票数 0
回答已采纳
1回答
我正在使用iOS Safari和内置的iOS屏幕记录器对一个内部web应用程序进行屏幕录制。未录制任何音频。如果我启用麦克风录音，音频将被录制，但效果不佳，并与房间声音混合(很可能是在录制设备的扬声器)。使用WKWebViews的原生应用也是如此。 我很好奇这里发生了什么。Safari/Webkit是否主动阻止音频录制？是否有Javascript或Webkit指令来启用音频录制？ 请注意，我并不是为了制作宣传视频而试图绕过录制商业视频的任何保护措施，只是为了制作推广视频而从我自己的网站/应用程序中产生的声音。因此，在我的应用程序或网站中所做的更改都是可以的。
浏览 40提问于2019-03-06得票数 1
2回答
我正在尝试解决一个问题，你需要实时记录屏幕，并不断将数据发送到后端，后端将视频存储为s3对象(任何云存储)。 我确实研究过它，但我看到人们都在录制视频，并在录制完成后将其作为单个文件发送，这里的问题是文件可能非常大，因此我希望将其实时保存在s3中。 我还看到了Webrtc，它有助于点对点通信。 任何关于在GO或Nodejs中实现这一点的建议都会很有帮助。 谢谢
浏览 21提问于2020-08-19得票数 0
回答已采纳
我正在使用Opentok JavaScript WebRTC库来主持一对一的视频聊天(点对点)。我可以看到我的同龄人的视频，并完美地听到音频。
我的愿望是录制其他聊天方的音频/视频(远程)。为此，我使用。我可以录制其他聊天参与者的视频(视频输出到HTML元素)，但到目前为止，我还没有成功录制音频(一个死寂的.wav文件是我所能得到的)。使用Chrome Canary (30.0.1554.0)。这是我的方法：
var clientVideo = $('#peerdiv video')[0];//peer's video (html element)
var server
浏览 8提问于2013-07-05得票数 7
回答已采纳
为何我在其它PC或平板上打开视频录制没问题，在 iPad Pro 2020 上的 Safari 打开录制，就只有声音，没有视频？？
浏览 245提问于2020-06-22
我想做的是用webRTC在浏览器中实时录制视频。用例基本上是实时字幕，就像谷歌的hangouts一样。 因此，我在浏览器中运行了一个WebRTC程序。它将webm对象发送回服务器。它们是linear32音频编码。谷歌语音到文本只接受linear16或Flac文件。 有没有办法将linear32实时转换成linear16？ 否则，有没有人能够将webRTC与谷歌语音连接起来，以使实时转录工作？ 任何关于如何解决这个问题的建议都是很棒的。
浏览 22提问于2020-03-23得票数 4
向服务器上传视频的最佳方式是什么？目前，在录制过程中，我们接收到了块，并试图使用socket.io进行上传，这就产生了很多问题。
我想知道是否有可能用webRTC从浏览器流到服务器？或者有更优雅的方式来实时传输视频到服务器？
浏览 6提问于2022-03-20得票数 0
1回答
我正试图在iPhone中强行打开一个进入safari的链接，但我无法这样做。
因此，我的要求是使用WebRTC的 getUserMedia从iPhone摄像头访问视频，而Safari则正常工作，但当我试图在Chrome getUserMedia上运行它时，它却无法工作。我也用过 WebRTC的例子，但它不起作用。
所以，现在，我想打开链接，这是通过电子邮件共享总是与Safari。
我试过这个链接，但它们不起作用-
另外，在Safari URL方案不能工作的情况下，也不能使用它。
任何建议或帮助都将受到高度赞赏。
浏览 0提问于2018-07-04得票数 2
我在尝试使用AWS Mediaconvert处理视频时遇到此错误Demuxer: [ReadPacketData File read failed - end of file hit at length [13155941]. Is file truncated?]。这段视频是在ios safari/chrome浏览器上用video/mp4的Mimetype录制的。我使用的是npm模块aws-sdk。
它对所有使用文件输入(从我的设备)选择的视频(video/mp4和其他格式)都工作得很好。
更新一下:使用AWS Elastic代码转换器可以处理safari录制的视频。
浏览 8提问于2021-10-26得票数 0
4回答
在我的示例ReactJs应用程序中，我使用 --它使用navigator.mediaDevices.getUserMedia和MediaRecorder API记录视频。
我可以从Chrome录制视频，但在Safari，我无法捕捉到视频。这个错误就像
未定义MediaRecorder。
有人能帮我一下吗？
Safari支持基本的视频捕获吗？
浏览 0提问于2019-01-24得票数 5
在我的项目中，我展示了一段视频。在视频的顶部有一个画布，在那里画一些物体。因此，视频被一些图纸覆盖。现在我想下载视频文件，包括图纸。我正在使用webrtc mediaRecorder。我把视频画到window.requestAnimationFrame上的画布上。我导出的视频看起来不错，但是没有来自视频的音频，因为我捕捉到了画布。是否可以从视频中捕获音频并将其添加到canvasStream中？我也录制了视频流，包括音频，但我没有我的图纸在上面。有什么建议吗？
浏览 1提问于2017-05-31得票数 3
回答已采纳
1回答
我使用示例原生android应用程序(apprtc)在android设备和浏览器之间传输视频。我想在android设备上录制本地流。为了清楚起见，用例如下：
1-用户从其浏览器连接到android设备。
2-Android设备开始向用户发送视频流，同时在本地录制视频流。
在过去的一周里，我一直在谷歌上搜索，但没有成功。到目前为止，我发现的是：
-This功能尚未在webrtc中实现。有关于视频格式的争论。
-There是一个名为RecordRTC的项目，可以做这样的事情。
RecordRTC看起来不错，但我需要在像apprtc这样的原生android应用程序中做到这一点。有没有办法做到这一点？
浏览 2提问于2014-04-11得票数 2
1回答
用webRTC录制视频我没有数据，调试后我才意识到Blob变量中没有内容(必须存储视频)。
根据我粘贴在上的代码，第136行应该包含如下内容：
Blob {type: "audio/wav", size: 360492, slice: function}size: 360492type: "audio/wav"
但它的价值是undefined。
有人能告诉我我做错了什么吗？
浏览 1提问于2015-01-03得票数 1
回答已采纳
1回答
如何通过WebRTC进行视频聊天。我有完整的工作后端(信号和stun)服务器和浏览器视频聊天仍在工作。我想在不使用网页视图的情况下将此聊天连接到iOS应用程序，因为Safari不支持webRTC技术。帮帮我。谢谢
浏览 1提问于2015-10-24得票数 2
我使用Ant Media Server来实现超低延迟的WebRTC流媒体。但是，当我在iPhone Safari浏览器上播放视频时，视频流会冻结。我该如何解决这个问题呢？
浏览 27提问于2020-07-30得票数 1
如果我正在构建一个像YouTube这样的站点，那么保存视频的最好方法是什么？我使用WebRTC进行视频录制，网站在JSF上，服务器是tomcat。目前，我正在文件服务器上保存视频，并将其路径存储在数据库中。我想问一下，有什么更好的方法来保存像任何特殊数据库这样的视频吗？
浏览 4提问于2016-02-02得票数 0
回答已采纳
1回答
在WebRTC中，有没有一种方法可以从用户的摄像头中捕获视频和音频，并将一个低比特率版本的p2p流到“视频会议”风格的应用程序中给其他用户，同时录制一个将保存在我的主机上的非常高比特率版本(或者仅仅是非常高比特率音频)？
浏览 2提问于2013-10-21得票数 3
1回答
我正在寻找一个库，它提供从安卓设备(5.1+)播放视频的能力，并同时录制它。
我尝试了MediaRecorder --这是在android上录制视频的常用方式--但由于摄像头很忙，我无法在webrtc或rtsp上播放它。
目前我正在使用。通过很少的修改，app可以同时记录和流到rtsp上。但是这个库缺乏对MTK和SPRG芯片组中硬件编解码器的支持。
我想知道您是否可以推荐一个解决方案或另一个库。到目前为止，lib只在nexus 4和qcom芯片组上工作。
浏览 5提问于2016-11-02得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
