问题标签 [videojs-transcript]
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.
video.js - 使用播放列表时如何刷新 videojs 脚本区域?
设想
我正在使用以下插件来获取视频的字幕并将它们显示在脚本区域中:
https://github.com/walsh9/videojs-transcript
我的播放器基于高级播放器示例(使用播放列表和播放列表 UI 插件):
期望的行为
在视频结束时,脚本区域的内容和功能应更改为与下一个视频字幕相关。
实际行为
成绩单正在为第一个视频工作。
但是,在视频结束时,下一个视频开始播放,转录区域保持不变(文本和功能),并继续使用.vtt
与第一个视频关联的文件。
第二个视频的字幕(显示在视频区域中)正确显示。
我试过的
我在视频末尾添加了一个侦听器,清除脚本区域的 html,然后尝试使用以下内容重新初始化 videojs 和脚本插件,但脚本区域只是重新填充了相同的文本和功能。
问题
从一个视频移动到下一个视频时,如何确保每个视频的字幕都加载到脚本区域?
angular - 使用 html 视频播放器在 ionic 3 中流式传输 Hls
有没有可能在 ionic 3 中使用 videojs 库的方法?提前致谢
javascript - 在流体模式下限制videojs的高度
我正在使用 videojs 并设置fluid:true 它覆盖了整个宽度,这正是我想要的。现在的问题是它改变了播放器的高度,并且对于不同的视频来说是不同的。我希望它最大为 500px。 在这里,您可以实时查看我所做的事情。
video - 在全尺寸视频和字体大小没有改变的块中显示字幕-Video-js
我正在使用 video-js 5.19.2 并且我已经将它定制为我想要的。我想全屏显示块中的标题,并且字体大小在全屏上也没有改变。我添加了这个
在 video-js 的 css 文件中,但字体大小没有改变。
[这是模态视频] [1][1]:https ://i.stack.imgur.com/N7kku.jpg
[这是全尺寸视频] [2][2]:https ://i.stack.imgur.com/8GzO8.jpg 。
我已经看到这是在新的 video-js 版本中完成的,但我无法在 5.19.2 中更改字体大小。谁能帮我更改 video-js 中的字体大小?提前致谢。
angular - 在 videojs 中的多比特率 hls 视频上未显示 PlaybackRateMenuButton
在 videojs 中的多比特率 hls 视频上未显示 PlaybackRateMenuButton
“video.js”:“5.19.2”,
"videojs-contrib-hls": "^5.0.0",
"videojs-contrib-quality-levels": "^2.0.4",
当我使用 videojs 5.19.4 的旧版本并添加video.qualityPickerPlugin()时,它就起作用了。但我在我的新 angular 5 项目中使用了这个版本
video - 适用于原生 iPhone 和 Android 视频播放器的视频脚本
是否可以将视频脚本添加到原生 iPhone 和 Android 视频播放器?如果不可能,满足转录/音频描述以满足可访问性的最佳方法是什么。
javascript - Google chrome javascript append 不会添加所有节点
Video.js
您好,我有一个简单的 Javascript 代码,可以使用和将视频转录附加到 div 中videojs-transcript
。它在 Firefox 中运行良好,但在 Google Chrome 中,当转录太长时,它会附加不到一半。此外,当我刷新时,它每次都会在不同的节点中停止。
产生错误的简单测试代码:
编辑:在videojs-transcript
文件中,当我尝试运行时alert(cues.length)
,createTranscriptBody
它显示的内容比我在 Firefox 中得到的要少得多。
编辑 2:我发现问题出createTranscriptBody
在videojs-transcript.js
. 它在 vtt 文件完全加载之前开始向 div 添加提示。有没有办法让它等待 vtt 在不使用超时的情况下完全加载?
microsoft-teams - 来自 MS Teams 的成绩单文件
我进行了很多搜索以从 MS Team meet 中获取成绩单文件。我已阅读 MS Stream 的文档,但根据他们的公告,从 2021 年第一季度开始,会议视频将默认存储在一个驱动器中,而不是 MS Stream 中。
然后,我阅读了有关 Microsoft flow to set trigger 以将 Meet Url 至少作为 webhook 的信息。我成功了。现在我的主要目的是获取会议视频的转录文件以及谁用名字说了些什么。
我尝试了一切,即 MS Stream、Ms Teams、One drive、Flow。但是什么也没找到。
从 Meet 视频中获取脚本文件的任何解决方法以及谁用名字说了些什么。
这是我想通过 webhook。Zoom 通过他们的 UI 提供这项服务。缩放非常简单。
感谢您的时间!!
vue.js - 使用 Vue.JS 在 Video.JS 中显示视频字幕
我想在 vue.js 中使用 video.js 为视频添加字幕。文本轨道的 HTML 符号如下所示:
现在,对于 Vue 实现,我遵循了 VideoJS 文档(https://docs.videojs.com/tutorial-vue.html)。有一个组件 VideoJS,它从其父级接收选项。
父组件:
现在,如何添加曲目信息?我尝试了一个额外的“tracks”数组,不幸的是没有成功:
在 videoJS 组件中,我尝试检查是否收到了曲目。我可以在选项对象中看到它,但仍然没有显示标题。
我究竟做错了什么?
python - 有没有办法在输出文本文件的单词之间创建空格
我使用以下代码将 youtube 视频转录为文本,但结果有点奇怪。单词之间没有空格,有些是俱乐部在一起的。
输出文件如下所示:
看看我,苹果工程师去绘图板做一个更好的面具苹果实际上为他们店里的员工设计了他们自己的面具,他们实际上有几个不同的版本,但这是一种标准,这是大多数员工会戴的它是最常戴的Apple 的员工将在此视频的结尾处获得一些 iphone12 后期案例的新闻,所以请坚持下去是官方applemask 这是中号可重复使用的面罩有关更多信息,请访问welcomeforward.apple。对我来说很疯狂的是包装这一切都是苹果式的,你可以告诉我们,我们有一个看起来像序列号的东西,绝对是一个项目号,批号和生产日期,就像其他所有东西一样,这里的东西非常详细,开箱体验看起来有点像超过
有些单词相互合并,不会产生任何空间。请为此提供适当的解决方案。