问题标签 [popcornjs]
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.
javascript - 如何阻止媒体在 popcron.js 中播放
我有正在播放的音频,我想在用户单击按钮后停止播放。我试过popcorn.mute()
了,但它没有给出我想要的结果。我想要类似的东西popcorn.stop();
javascript - 爆米花不适用于 youtube 视频
当我在浏览器(Chrome、Firefox)中测试时,它不会弹出。我不知道我是否做错了什么,但这对我不起作用。
javascript - 无法使用视频光标扫描视频或使用爆米花设置 currentTime
我是第一次使用popcorn.js ,我很喜欢它。我有两个似乎相关的问题。我有一个六分钟的视频,展示了一条自行车路线,沿途有各种 popcorn.js 的乐趣。
我想包括用户可以单击以跳到路线的某些部分的按钮。我在文档的某处找到了一些示例代码,看起来像这样。
问题是我能够跳到不超过 150 秒。如果我将该变量更改为 151 或更高,则它不起作用,但我的视频时长为 365 秒。
在相关说明中,我无法抓住视频时间线光标并更改时间。当我这样做时,视频冻结并且需要刷新页面。
这是我正在处理的页面。请注意,它目前仅适用于 Chrome。另外我还没有创建 MP4 文件,因为我的视频编辑软件没有创建 mp4。
我需要做什么才能浏览此视频时间线?
javascript - 获取 HTML5 视频中的帧数
我正在尝试捕获视频的每个帧号,但是看起来没有办法实现它。所以我开始自己的时钟来匹配视频的帧数,但它们永远不会匹配,并且随着视频的进展,差异会不断增加。
请看看我的垃圾桶。http://jsbin.com/dopuvo/4/edit
我已将帧号添加到来自 Adobe After Effects 的视频的每一帧,因此我可以获得更准确的差异信息。视频以 29.97fps 的速度运行,并且 requestAnimationFrame 也设置为以相同的速率增加数量,但是我不确定这种差异来自哪里。
有时它们匹配,有时它们不匹配。我也试过离线做,但我得到了相同的结果。任何帮助。
javascript - Popcorn JS - YouTube - 内存使用情况
如果我设置一系列 YouTube 视频依次播放,使用 Popcorn JS 的 HTMLYouTubeVideoElement 并更改 media.src,页面的内存使用量非常大。这个fiddle就是一个例子。
打开这是谷歌浏览器并查看任务管理器,页面的内存使用量迅速增加。大约只有10个视频后,内存就可以达到1GB。我知道视频是大型对象,Chrome 为我的利益做了很多缓存/缓冲,但这似乎过分了。
我应该以某种方式影响内存管理,例如销毁和重建播放器,还是我无法控制?没关系,因为 Chrome 会使用它可用的内存并在需要时清理它?
javascript - Popcorn.js Webmaker 时间线
在popcorn webmaker 项目中,页面底部有一条时间线,我想使用这条时间线。但是当我搜索 popcorn.js 的时间线时,总是要在视频中创建在 X 时间发生的事件。
我,我想获取时间线的代码,添加波段,放大,缩小,能够及时拖动元素以及在这个项目中实现的所有其他工具。
在webmaker 源代码下,在 public/src/ui/ 中他们称之为 track,在 public/src/timeline/ 中,他们称之为 timebar。我还是不明白……我只是想能够使用这个工具并进行一些修改。
而且我没有找到任何包含这些脚本和任何容器的 .html,我该如何创建这个时间线?
javascript - 如何知道视频是否播放完整?
我想知道视频是否已完全播放,我知道在视频结束后,如果视频的当前时间和持续时间(使用 javascript)相同,我们可以确认视频已完全播放。但我无法构图。另一件事是,有没有直接的方法可以知道视频是否播放到最后?
提前致谢
等待答复。
javascript - 在 body 上显示从 Popcorn.js 捕获的图像
js加载视频,这很好。
我正在使用Popcorn Capture捕获当前帧,将其复制到附加到身体的图像中。这似乎工作。显示帧的图像,然后暂停。
我想要做的是将这个图像保持在顶层,在下面做一些事情,然后在准备好过渡时淡化这个图像。
我得到的是
- 图片显示
- 下层渲染
- 视频再次在新的渲染层上方开始,除非我使用 jQuery 删除视频,这也会删除图像。
我似乎无法在不删除图像的情况下销毁/删除视频。
这是代码
关于如何确保图像留在屏幕上然后可以消失的任何线索?
popcornjs - Popcorn.js - 如何使下三分之一插件仅在暂停时出现
我想让插件“lowerthird”仅在视频暂停时出现。
IE 监听暂停事件,并显示来自下三分之一插件的文本...
谢谢!
xml - 将 popcorn.js 项目导出到 mp4
我即将使用 Mozilla 的 Popcorn 工具开始一个新项目,我想知道是否有办法将最终结果导出到 mp4 文件。
我的想法是将带有事件的完整时间线导出到 XML,然后将其发送到编码器。现在我有两个问题:
- 将所有事件导出到 XML(或者 JSON)是否容易。
- 是否有任何使用 XML(或 JSON)并且可以合并视频、音频、图片和文本的编码工具(可用于 *nix-systems/Amazon S3)?