python - 使用 videojs-record 和 videojs 进行直播
问题描述
我正在尝试在我的应用程序中进行视频聊天,并使用 videojs-record + videojs 来做到这一点。videojs-record 录制网络摄像头(已经在工作),videojs 在另一边重现视频。通过使用带有timeSlice
属性的时间戳事件,我设法按每秒分割录制的视频。
this.player = videojs('#myVideo', this.options, () => {});
var player = this.player
var that = this
this.player.on('startRecord', () => {
that.segment = 0
});
player.on('timestamp', function() {
if (player.recordedData && player.recordedData.length > 0) {
var binaryData = player.recordedData[player.recordedData.length - 1]
that.$emit('dataVideoEvent', {video:binaryData, segment_index:that.segment})
that.segment += 1
}
});
所以我设法将上述片段上传到亚马逊的 S3,并使用 Python 端点返回包含上传文件的 HLS 文件:
duration = 1
totalDuration = len(list)
string = ('#EXTM3U\n'
'#EXT-X-PLAYLIST-TYPE:EVENT\n'
'#EXT-X-TARGETDURATION:3600\n'
'#EXT-X-VERSION:3\n'
'#EXT-X-MEDIA-SEQUENCE:0\n')
ended = False
now = datetime.utcnow().replace(tzinfo=pytz.utc)
for index, obj in enumerate(list):
url = {retrieving url based in obj}
string += '#EXTINF:{duration}, no desc\n{url}\n'.format(duration=duration, url=url)
ended = (obj.created_at.replace(tzinfo=pytz.utc) + timedelta(seconds=10)) < now
if ended:
string += '#EXT-X-ENDLIST'
虽然,该 HLS 文件不起作用。videojs 播放器显示视频的正确完整时间,但从不开始播放,并且不记录任何错误。如果我尝试使用Bitmovin 的播放器演示重现视频,它会显示 SOURCE_MANIFEST_INVALID。
我还尝试创建一个 XML+DASH 文件而不是 HLS 文件,但效果不佳。而且我还尝试将 videojs-record videoMimeType 属性更改为其他值,例如video/webm;codecs=vp8,opus
or video/mp2t;codecs=vp8,opus
,但它也没有改变任何事情。
此外,返回 HLS 文件的 @action 具有renderer_classes
使用该渲染器的属性:
class HLSRenderer(BaseRenderer):
media_type = 'application/x-mpegurl'
format = 'm3u8'
level_sep = '.'
header = None
labels = None
writer_opts = None
def render(self, data, media_type=None, renderer_context={}, writer_opts=None):
return data
最后,我在 S3 中以这种方式配置了 CORS,以防万一:
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedMethod>HEAD</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>Range</AllowedHeader>
</CORSRule>
</CORSConfiguration>
顺便说一句,@action 通常是被阻止的,所以只有预期的用户可以看到它,但现在我已经将它的permission_classes
值更改为AllowAny
,所以我可以在 Bitmovin 之类的网站上进行测试。
我到底做错了什么?
解决方案
我放弃并最终使用 Jitsi 而不是 videojs-record。我不得不在 Vue 中使用 iframe 运行它,但它成功了,而其余的都失败了。
在过去的 18 天里,我一直在尝试自己制作一个直播,那时我几乎可以在一个晚上让 Jitsi 与我的项目一起工作。我推荐他们的 Docker,它很容易设置。
推荐阅读
- php - 购物车中的自定义表单字段并在 Woocommerce 上结帐时获取数据
- java - 建议 DRY 是否可以应用于以下 Java 代码
- sql - Nodejs 将数据库时间转换为 UTC 格式而不实际转换日期
- validation - unix:比较两个表与两个表匹配的unique_id
- mysql - 在 MySQL 8.0.13 上授予使用 SQL 语法错误
- java - 为什么休眠验证会破坏带有 lombok 依赖项的编译?
- javascript - 放大 - 缩小 Javascript 背景上的问题
- c++11 - CMake & C++ - 在几个 git 子模块之间共享库的最佳方法是什么
- reactjs - 从 src/reducers 访问 public 文件夹中的 json 文件 react
- spring - spring 与 jlink、moditect 和 java 11