标签: popcornjs

在HTML5视频中获取帧编号

我试图捕获视频的每个帧编号,但看起来没有办法实现它.所以我开始使用自己的时钟来匹配视频的帧数,但它们从不匹配,随着视频的进展,差异也在不断增加.

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

我已经将帧编号添加到Adobe After Effects的每个视频帧中,因此我可以获得更准确的差异信息.视频以29.97fps运行,requestAnimationFrame也设置为以相同的速率增加数量,但我不确定这种差异来自何处.

有时他们匹配,有时他们不匹配.我也尝试离线,但我得到相同的结果.任何帮助.

javascript video html5 requestanimationframe popcornjs

14
推荐指数
3
解决办法
2万
查看次数

同步多个 HTML5 视频

我希望同步播放 3 个视频,一次只能看到一个视频,并且可以选择在它们之间切换。所有内容都必须彼此同步并与音轨同步(如果更容易的话,可以只是其中一个视频文件的音轨)。

我只读过一些非常悲观的文章,认为在众多媒体文件中保持稳定且同步的帧速率几乎是不可能的。据说 FPS 会略有变化并且无法控制。(?)

由于我一次只需要一个可见的,我希望这对我有利,但我想知道是否有任何人可以向我指出的此类内容的任何 goto 程序。不是在寻找任何人为我编写任何代码,只是好奇我的研究是否误导了我。

✌&♡

html javascript video html5-video popcornjs

6
推荐指数
1
解决办法
5003
查看次数

使用Popcorn + jQuery进行动画制作

我想使用Popcorn.js,这对管理视频来说非常方便.我现在使用脚注方法,一切正常.

     example.footnote({
       start: 2,
       end: 6,
       text: "Pop!",
       target: "layer"
     });
Run Code Online (Sandbox Code Playgroud)

我想动画用jQuery创建的脚注(例如,我希望脚注为fadeIn/fadeOut).

你会如何管理?我不确定我是否可以混合使用jQuery和Popcorn而且我无法找到那么多文档...我唯一的想法是检查jQuery是否在我的#layer div中有一些文本然后为它设置动画但是我我不确定这是不是好方法.

谢谢!

video jquery html5 animation popcornjs

5
推荐指数
1
解决办法
1279
查看次数

Popcorn.js - 如何删除提示?

我使用爆米花JS为视频添加了几个提示.

如何删除或修改特定提示?

javascript jquery cue popcornjs

5
推荐指数
1
解决办法
1010
查看次数

是否可以使用爆米花JS导出带有评论叠加视频的视频?

我正在使用porpcorn JS为视频添加注释,我在视频上创建了叠加层,所有注释都在视频上呈现.有没有办法让我可以在.mp4-file中导出带有嵌入式html内容的视频.所以我可以在像VLC这样的原生播放器中播放该视频吗?

javascript video html5 popcornjs

5
推荐指数
1
解决办法
520
查看次数

爆米花没有注入你的档案

在进行grunt(咕噜声)时,我得到了:

Running "bower-install:app" (bower-install) task

popcornjs was not injected in your file.
Please go take a look in "app\bower_components\popcornjs" for the file you need, then manually include it in your file.
Run Code Online (Sandbox Code Playgroud)

我已将Popcorn.js添加到bower.json:

{
    "name": "NAME",
    "version": "0.0.0",
    "dependencies": {
        "angular": "1.2.6",
        .
        "popcornjs": "~1.3.0",
        .
        "angular-slugify": "1.0.0"
    },
    "devDependencies": {
        "angular-mocks": "1.2.6",
        "angular-scenario": "1.2.6"
    }
}
Run Code Online (Sandbox Code Playgroud)

至于我的index.html:

<s_cript src="bower_components/popcornjs/popcorn.js"></script>
<s_cript src="bower_components/popcornjs/modules/player/popcorn.player.js"></script>
<s_cript src="bower_components/popcornjs/players/youtube/popcorn.youtube.js"></script>
<s_cript src="bower_components/popcornjs/plugins/code/popcorn.code.js"></script>
Run Code Online (Sandbox Code Playgroud)

. ''

我错过了什么吗?其他图书馆工作正常.

javascript popcornjs angularjs yeoman bower

4
推荐指数
1
解决办法
2798
查看次数

popcorn.js开始和停止时间

刚开始看看popcorn.js但遇到了一些麻烦.

我有30秒的赛道,

但我希望文件从2秒开始播放,并在结束前3秒停止播放.

有人知道这是否可行,因为我在文档中找不到它?

无论是那个或者是否有命令跳转到时间线中的某个点,所以几乎就像

pop.playAt('2 second');
Run Code Online (Sandbox Code Playgroud)

这样的事情?

谢谢

media jquery popcornjs

1
推荐指数
1
解决办法
3674
查看次数