我正在尝试在我的应用程序中进行视频聊天,并使用videojs record+videojs来实现。videojs record用于录制网络摄像头(已在工作),videojs用于在另一端复制视频。通过使用timestamp事件和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
}
});
因此,我设法将上述片段上传到Amazon的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's player demo复制视频,它会说源代码无效
我还尝试创建一个XML+DASH文件,而不是HLS文件,但效果并不理想。我还尝试将videojs record videoMimeType属性更改为其他值,如video/webm;codecs=vp8,opus
或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录制。我必须在Vue中使用iframe运行它,但在其他所有失败的地方它成功了
在过去的18天里,我一直在尝试自己制作一条实时流,那时我几乎可以在一个晚上让Jitsi与我的项目一起工作。我推荐他们的Docker,它很容易安装
https://github.com/jitsi/docker-jitsi-meet
相关问题 更多 >
编程相关推荐