问题标签 [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.

0 投票
1 回答
74 浏览

javascript - 如何阻止媒体在 popcron.js 中播放

我有正在播放的音频,我想在用户单击按钮后停止播放。我试过popcorn.mute()了,但它没有给出我想要的结果。我想要类似的东西popcorn.stop();

0 投票
0 回答
331 浏览

javascript - 爆米花不适用于 youtube 视频

当我在浏览器(Chrome、Firefox)中测试时,它不会弹出。我不知道我是否做错了什么,但这对我不起作用。

0 投票
1 回答
129 浏览

javascript - 无法使用视频光标扫描视频或使用爆米花设置 currentTime

我是第一次使用popcorn.js ,我很喜欢它。我有两个似乎相关的问题。我有一个六分钟的视频,展示了一条自行车路线,沿途有各种 popcorn.js 的乐趣。

我想包括用户可以单击以跳到路线的某些部分的按钮。我在文档的某处找到了一些示例代码,看起来像这样。

问题是我能够跳到不超过 150 秒。如果我将该变量更改为 151 或更高,则它不起作用,但我的视频时长为 365 秒。

在相关说明中,我无法抓住视频时间线光标并更改时间。当我这样做时,视频冻结并且需要刷新页面。

这是我正在处理的页面。请注意,它目前仅适用于 Chrome。另外我还没有创建 MP4 文件,因为我的视频编辑软件没有创建 mp4。

http://richpoints.com/b-path/

我需要做什么才能浏览此视频时间线?

0 投票
3 回答
21709 浏览

javascript - 获取 HTML5 视频中的帧数

我正在尝试捕获视频的每个帧号,但是看起来没有办法实现它。所以我开始自己的时钟来匹配视频的帧数,但它们永远不会匹配,并且随着视频的进展,差异会不断增加。

请看看我的垃圾桶。http://jsbin.com/dopuvo/4/edit

我已将帧号添加到来自 Adob​​e After Effects 的视频的每一帧,因此我可以获得更准确的差异信息。视频以 29.97fps 的速度运行,并且 requestAnimationFrame 也设置为以相同的速率增加数量,但是我不确定这种差异来自哪里。

有时它们匹配,有时它们不匹配。我也试过离线做,但我得到了相同的结果。任何帮助。

0 投票
0 回答
135 浏览

javascript - Popcorn JS - YouTube - 内存使用情况

如果我设置一系列 YouTube 视频依次播放,使用 Popcorn JS 的 HTMLYouTubeVideoElement 并更改 media.src,页面的内存使用量非常大。这个fiddle就是一个例子。

打开这是谷歌浏览器并查看任务管理器,页面的内存使用量迅速增加。大约只有10个视频后,内存就可以达到1GB。我知道视频是大型对象,Chrome 为我的利益做了很多缓存/缓冲,但这似乎过分了。

我应该以某种方式影响内存管理,例如销毁和重建播放器,还是我无法控制?没关系,因为 Chrome 会使用它可用的内存并在需要时清理它?

0 投票
0 回答
200 浏览

javascript - Popcorn.js Webmaker 时间线

popcorn webmaker 项目中,页面底部有一条时间线,我想使用这条时间线。但是当我搜索 popcorn.js 的时间线时,总是要在视频中创建在 X 时间发生的事件。

我,我想获取时间线的代码,添加波段,放大,缩小,能够及时拖动元素以及在这个项目中实现的所有其他工具。

webmaker 源代码下,在 public/src/ui/ 中他们称之为 track,在 public/src/timeline/ 中,他们称之为 timebar。我还是不明白……我只是想能够使用这个工具并进行一些修改。

而且我没有找到任何包含这些脚本和任何容器的 .html,我该如何创建这个时间线?

0 投票
1 回答
84 浏览

javascript - 如何知道视频是否播放完整?

我想知道视频是否已完全播放,我知道在视频结束后,如果视频的当前时间和持续时间(使用 javascript)相同,我们可以确认视频已完全播放。但我无法构图。另一件事是,有没有直接的方法可以知道视频是否播放到最后?

提前致谢

等待答复。

0 投票
1 回答
853 浏览

javascript - 在 body 上显示从 Popcorn.js 捕获的图像

js加载视频,这很好。

我正在使用Popcorn Capture捕获当前帧,将其复制到附加到身体的图像中。这似乎工作。显示帧的图像,然后暂停。

我想要做的是将这个图像保持在顶层,在下面做一些事情,然后在准备好过渡时淡化这个图像。

我得到的是

  • 图片显示
  • 下层渲染
  • 视频再次在新的渲染层上方开始,除非我使用 jQuery 删除视频,这也会删除图像。

我似乎无法在不删除图像的情况下销毁/删除视频。

这是代码

关于如何确保图像留在屏幕上然后可以消失的任何线索?

0 投票
1 回答
99 浏览

popcornjs - Popcorn.js - 如何使下三分之一插件仅在暂停时出现

我想让插件“lowerthird”仅在视频暂停时出现。
IE 监听暂停事件,并显示来自下三分之一插件的文本...

谢谢!

0 投票
0 回答
168 浏览

xml - 将 popcorn.js 项目导出到 mp4

我即将使用 Mozilla 的 Popcorn 工具开始一个新项目,我想知道是否有办法将最终结果导出到 mp4 文件。

我的想法是将带有事件的完整时间线导出到 XML,然后将其发送到编码器。现在我有两个问题:

  1. 将所有事件导出到 XML(或者 JSON)是否容易。
  2. 是否有任何使用 XML(或 JSON)并且可以合并视频、音频、图片和文本的编码工具(可用于 *nix-systems/Amazon S3)?