blocks|key|177816|text|到目前为止，Chrome还没有实现视频文件的实际编码和保存。莫兹拉目前正在以一种新生的形式出现。我不确定它在ChromeOS的状态。不过，我可以给你一些我在Chrome浏览器开发过程中收集到的一些信息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|177817|将媒体流编码、保存和分发为视频的两种方法是客户端和服务器端。|177818|服务器端：|177819|需要某种媒体服务器。到目前为止，我找到的最好的免费/开源解决方案是库伦托。媒体流被上载(块或整体)或流到媒体服务器，在那里对其进行编码并保存以供以后使用。这也与点对点的工作，作为中间人，记录作为数据流通过。|offset|length|177820|客户端：|177821|这都是基于浏览器的编码。目前有两个工作选项，我已经成功地测试了Chrome。|177822|Whammy.js：
此方法使用画布哈克保存webp图像数组，然后将它们编码到webm容器中。虽然速度很慢，但它能很好地处理视频。没有音频支持。我现在正在做这个。|ordered-list-item|177823|videoconverter.js(was+ffmpeg-asm.js)：
这是使用ffmpeg到JavaScript的埃斯兰的一个直接端口。它同时适用于音频和视频。它也是巨大的，脚本方面，大约25+at未压缩。我没有在生产中使用它的另一个原因是目前ffmpeg所处的不稳定的许可环境。它并没有得到尽可能的优化。这可能是一个相当不错的项目，以使其可靠的生产准备。|177824|希望这至少能给你提供研究的途径。|177825|entityMap|0|LINK|mutability|MUTABLE|url|http://www.kurento.org/|1|https://github.com/antimatter15/whammy|2|https://bgrins.github.io/videoconverter.js/|3|https://www.ffmpeg.org/|4|https://github.com/kripken/emscripten^0|0|0|0|X|3|0|0|0|0|0|9|1|0|0|H|2|16|6|3|1O|3|4|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1C|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1D|8|@]|9|@$H|1E|I|1F|1|1G]]|A|$]]|$1|J|3|K|5|6|7|1H|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1I|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1J|8|@]|9|@$H|1K|I|1L|1|1M]]|A|$]]|$1|Q|3|R|5|P|7|1N|8|@]|9|@$H|1O|I|1P|1|1Q]|$H|1R|I|1S|1|1T]|$H|1U|I|1V|1|1W]]|A|$]]|$1|S|3|T|5|6|7|1X|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]|12|$5|X|Y|Z|A|$10|13]]|14|$5|X|Y|Z|A|$10|15]]|16|$5|X|Y|Z|A|$10|17]]|18|$5|X|Y|Z|A|$10|19]]]]

The actual encoding and saving of the video file isn't something that's been implemented in Chrome as of yet. Mozilla has it in a nascent form at the moment. I'm unsure of its state in ChromeOS. I can give you a little information I've gleaned during development with the Chrome browser, however.

The two ways to encode, save, and distribute a media stream as a video are client-side and server-side.

Server-side: 
Requires a media server of some kind. The best I've free/open-source solution that I've found so far is <a href="http://www.kurento.org/" rel="nofollow">Kurento</a>. The media stream is uploaded(chunks or whole) or streamed to the media server where it is encoded and saved for later use. This also works with peer-to-peer by acting as a middleman, recording as the data streams through.

Client-side: 
This is all about browser-based encoding. There are currently two working options that I've tested successfully in Chrome.

<ol>
<li><a href="https://github.com/antimatter15/whammy" rel="nofollow">Whammy.js</a>: 
This method uses a canvas hack to save arrays of webp images and then encode them into a webm container. While slow, it works well with video. No audio support. I'm working on that at the moment.</li>
<li><a href="https://bgrins.github.io/videoconverter.js/" rel="nofollow">videoconverter.js</a>(was ffmpeg-asm.js): 
This is a straight port of <a href="https://www.ffmpeg.org/" rel="nofollow">ffmpeg</a> to JavaScript using <a href="https://github.com/kripken/emscripten" rel="nofollow">Emscripten</a>. It works with both audio and video. It's also gigantic, script-wise, at around 25MB uncompressed. The other reason I'm not using it in production is the shaky licensing ground that ffmpeg is on at the moment.
It has not been optimized as much as it could be. It would probably be quite a project to make it reliably production-ready.</li>
</ol>

Hopefully that at least gives you avenues of research.

Two Chrome apps/extensions have caught my eye on the webstore:

<ol>
<li><a href="https://chrome.google.com/webstore/detail/screencastify-screen-vide/mmeijimgabbpbgpdklnllpncmdofkcpn" rel="nofollow">Screencastify</a></li>
<li><a href="https://chrome.google.com/webstore/detail/techsmith-snagit/fcnghgbgmemnlbckdipnmelbanpgneik" rel="nofollow">Snagit</a></li>
</ol>

I am aware of chrome.desktopCapture and how I can use <code>getUserMedia()</code> to capture a live stream of a user's desktop.

Example:

<pre><code>navigator.webkitGetUserMedia({
 audio: false,
 video: {
 mandatory: {
 chromeMediaSource: 'desktop',
 chromeMediaSourceId: desktop_id,
 minWidth: 1280,
 maxWidth: 1280,
 minHeight: 720,
 maxHeight: 720
 }
 }
}, successCallback, errorCallback);
</code></pre>

I'd love to create my own screencast app that allows audio recording as well as embedding webcam capture in a given corner of the video like Screencastify.

I understand capturing the desktop and the audio and video of the user, but how do you put it all together and make it into a video file?

I'm assuming there is a way to create a video file from a <code>getUserMedia()</code> stream on ChromeOS. Something that only ChromeOS has implemented?

How is it done? Thanks in advance for your answers.

Howto: Save screencast to video file ChromeOS?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

两个Chrome应用程序/扩展已经吸引了我在网上商店的注意：我了解chrome.desktopCapture以及如何使用getUserMedia()捕获用户桌面的实时流。示例：navigator.webkitGetUserMedia({    audio: false,    video: {        manda...

如何:将屏幕保存到视频文件ChromeOS？-腾讯云开发者社区-腾讯云

问如何:将屏幕保存到视频文件ChromeOS？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何:将屏幕保存到视频文件ChromeOS？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何:将屏幕保存到视频文件ChromeOS？
EN