一个web应用程序添加覆盖到用户的Youtube直播流视频的架构?

我试图为用户建立一个网页应用程序,以方便添加文本(作为开放的标题)和其他资产在我的应用程序覆盖实时到他们的YouTube直播流视频。

他们将使用他们的相机记录他们的视频,并从我的应用程序中选择应该添加到视频中的文本。

然后视频将通过他们的API发送到Youtube直播。

以下是我的问题:

首先,我想知道如果混合视频+字幕和发送它到Youtube的rtmp url可以从客户端,所以它是简单和轻量级的。

第二,我应该对发送到Youtube的输出进行编码吗?这也可以从浏览器中完成吗?

我只看到了少数几个node。js框架,甚至它们也不是很成熟(或者Webcodecs是为了这个目的吗?)对于这个任务来说,web应用程序是一个糟糕的选择吗?

最后,如果我确实需要一个服务器来处理视频,编码应该在哪里发生(从用户的机器或在服务器或两者?)我的服务器最有可能成为YouTube的瓶颈,因为视频文件是巨大的,我的服务器是有限的?

我是新的视频流,所以请原谅我缺乏了解的主题。如果有任何好的资源,我的问题,请与我分享。

# # # < blockquote >

首先,我想知道如果混合视频+字幕和发送它到Youtube的rtmp url可以从客户端,所以它是简单和轻量级的。

你可以做视频合成和音频混合,但浏览器不支持RTMP。要将数据发送到RTMP服务器,您需要将数据发送到通过代理将其发送到最终URL的服务器。

他们将使用他们的相机记录他们的视频,并从我的应用程序中选择应该添加到视频中的文本。

是的,这完全不是问题。把每一帧都画在画布上。

第二,我应该对发送到Youtube的输出进行编码吗?

是的,你必须。查看Media Recorder API。

最后,如果我确实需要一个服务器来处理视频,编码应该在哪里发生(从用户的机器或在服务器或两者?)

首先,视频必须在客户端进行编码才能到达服务器。然后服务器就可以用flv重新打包并发送了。如果浏览器在Media Recorder API中不支持H。264,那么你就需要一个像VP8这样的中间编解码器,而且你必须在服务器端转码。

几年前,我写了一篇关于如何在这里完成所有这些步骤的教程:https://github。com/fbsamples/Canvas-Streaming-Example

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码