问题标签 [videojs-record]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
809 浏览

jquery - videojs.record ,尝试自动启动视频

我正在尝试使用以下 API 在浏览器(chrome)中自动启动相机

https://github.com/collab-project/videojs-record

问题是(如演示中所示),它显示一个图标,点击它启动相机。但是我想在屏幕打开后默认启动它。我尝试了 .start() 方法也尝试了 .retrySnapshot() 但它们没有奏效。任何指针都会有所帮助。谢谢 !

演示 https://collab-project.github.io/videojs-record/examples/video-only.html

0 投票
2 回答
3523 浏览

angular7 - 有人将 videojs-record 与 Angular 7 集成在一起吗?

我正在尝试使用 videojs-record 录制带有音频的视频,而我的应用程序是 Angular 7。我已经关注了他们的 wiki。这是下面的链接 https://github.com/collab-project/videojs-record/wiki/Angular 但这对我不起作用。

这是我得到的错误

这是我的代码和我在 video-recorder.component.ts 中对 videojs 的配置

这是我的 video-recorder.component.html

以下信息可能有助于解决问题。

我是角度的新手。因此,对此的任何帮助将不胜感激。提前致谢。

0 投票
0 回答
270 浏览

angular - 在 angular2 中切片使用 videojs 录制的视频

我在 angular2 中使用 videojs 插件来录制视频。我想允许用户通过选择时间在用户想要的特定时间范围内对录制的视频进行切片。

videojs 中是否有任何功能可以切片录制的视频?如果是,那么我们必须为它设置哪些选项?

如果这种类型的功能不可用,那么 angular2 中是否有任何可用的插件,我可以使用它来允许用户切片视频,这意味着通过简单的滑块选择时间范围,并可以预览所选部分?

在后端,我设置了 FFMPEG 来切割视频,但我想允许用户选择一个时间范围并在前端 angular2 中预览它,因此需要 angular2 插件来切割视频和预览。

0 投票
1 回答
416 浏览

javascript - 如何通过 videojs-record 将前置摄像头切换到后置摄像头进行图像捕获?

这适用于视频(将代码片段相机更改为背面相机)

但类比图像并没有改变任何东西。摄像头还是一样的(只有前置摄像头)

我对 imagePlayer 的选择是

图像框架是

我的视频选项(仅适用于视频)

很高兴有任何帮助或线索来解决相机切换问题!

0 投票
0 回答
751 浏览

javascript - 反正有没有让videojs-record在手机上工作?

您好,您可以看到我的 videojs-recorder 有问题,问题是我无法通过手机访问我的摄像头。我使用下面的代码,我正在使用 chrome 上的远程开发工具对其进行测试。错误是:

VIDEOJS:错误:TypeError:无法读取未定义的属性“getUserMedia”

这是我的代码:

编辑:

目前我正在使用 2.1.2,我无法进行更新。

0 投票
1 回答
261 浏览

azure - 如果网站在 AWS EC2 和 Azure VM 上运行,Videojs 录制不访问相机/麦克风或共享屏幕

该网页具有使用 videojs record 进行屏幕录制和网络摄像头视频录制的功能。它在本地主机和共享主机上运行良好。但是我已经在 AWS EC2 和 Azure VM 上部署了网站进行测试,并且 videojs 记录在那里不起作用。据我了解,它都是 javascript,并且应该在托管该网站的浏览器上运行。

有什么线索吗?

屏幕截图 1:

当用户单击方框内的按钮时,应出现一个确认窗口(如 SCREENSHOT-2 所示) 在此处输入图像描述

屏幕截图-2

如果站点在 localhost 或共享托管服务上运行,则会出现此窗口,但如果站点在 Azure VM 或 AWS EC2 上运行,则不会出现此窗口。

在此处输入图像描述

测试页面

  1. https://clearn.codeschunks.com/test/recordvideo(工作)

  2. http://ec2-54-185-50-254.us-west-2.compute.amazonaws.com/index.php/test/recordvideo(不工作)

0 投票
1 回答
1191 浏览

python - 使用 videojs-record 和 videojs 进行直播

我正在尝试在我的应用程序中进行视频聊天,并使用 videojs-record + videojs 来做到这一点。videojs-record 录制网络摄像头(已经在工作),videojs 在另一边重现视频。通过使用带有timeSlice属性的时间戳事件,我设法按每秒分割录制的视频。

所以我设法将上述片段上传到亚马逊的 S3,并使用 Python 端点返回包含上传文件的 HLS 文件:

虽然,该 HLS 文件不起作用。videojs 播放器显示视频的正确完整时间,但从不开始播放,并且不记录任何错误。如果我尝试使用Bitmovin 的播放器演示重现视频,它会显示 SOURCE_MANIFEST_INVALID。

我还尝试创建一个 XML+DASH 文件而不是 HLS 文件,但效果不佳。而且我还尝试将 videojs-record videoMimeType 属性更改为其他值,例如video/webm;codecs=vp8,opusor video/mp2t;codecs=vp8,opus,但它也没有改变任何事情。

此外,返回 HLS 文件的 @action 具有renderer_classes使用该渲染器的属性:

最后,我在 S3 中以这种方式配置了 CORS,以防万一:

顺便说一句,@action 通常是被阻止的,所以只有预期的用户可以看到它,但现在我已经将它的permission_classes值更改为AllowAny,所以我可以在 Bitmovin 之类的网站上进行测试。

我到底做错了什么?

0 投票
1 回答
1118 浏览

javascript - 来自 .mp4 或 .webm 的网络摄像头录制文件无法在 MacOS Safari 浏览器和 iOS 设备上播放

我通过 VideoJS 录制视频。代码如下所示:

在服务器端,我有一个 django 应用程序,它将文件存储为 .mp4 创建一个新的 Vlog 模型。

当我打开页面时,视频已加载并且可以由所有浏览器播放。除了 Safari 和 iOS 设备不播放视频(不支持格式)。

当我从文件上传视频而不是网络摄像头录制时。并且该文件是一个有效的 mp4 视频(例如从这里:example_video)该文件在每个设备和浏览器上播放。

我认为问题在于我的 js 代码中的视频编码。.webm 文件也会出现同样的问题。当我下载 webm 时,在 VLC 中转换为 mp4 并上传到服务器上,视频可以正确播放。

有没有人遇到过这样的问题?谢谢

0 投票
0 回答
102 浏览

javascript - 如何提高 videojs-record 中 exportImage() 函数截取的屏幕截图质量

这是我用来截取屏幕截图(整个窗口)的代码,但是我从这个函数获取的图像中显示的质量非常低, 有人可以帮我提高它的质量。使用的库:https ://collab-project.github.io/videojs-record/#/

0 投票
1 回答
34 浏览

nginx - 通过导入 videojs 和 videojs-record 导致 NGINX 内存泄漏

当我npm run build通过导入 videojs 和 videojs-record 运行时遇到这些错误。是的,我删除了我的代码,只留下了导入。

在此处输入图像描述

我已将内存增加到 8gb:

export NODE_OPTIONS="--max-old-space-size=8192"

但错误仍然存​​在。

我尝试重新启动我的 EC2 实例,但没有任何进展。

我正在关注这个。

在此处输入图像描述

顺便说一句,当我在本地机器上构建时,它的构建恰到好处。错误仅发生在 nginx 上。请帮忙。谢谢你。