这是一个创建于 3656 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近在研究在线杂志，找了很多的前端js库，turn.js,flipbook等等都看了，但是都不是我想要的那种，不是能够支持视频，音频的html5的前端翻页库。
或者有没有大牛能够告诉我怎么实现，最麻烦的就是视频的翻页，如果翻页太复杂，用其他效果实现类似功能也可以，主要就是想做一个在线的多媒体杂志。
求前端大牛指点迷津。或者有没有比较好的电子在线杂志推荐的，当然要html的，flash的就不用了
或者有没有大牛能够告诉我怎么实现，最麻烦的就是视频的翻页，如果翻页太复杂，用其他效果实现类似功能也可以，主要就是想做一个在线的多媒体杂志。
求前端大牛指点迷津。或者有没有比较好的电子在线杂志推荐的，当然要html的，flash的就不用了
 |
1
airyland 2014-11-11 12:24:36 +08:00
翻页跟页面内容无关啊。音频播放，视频播放还是自己控制。
|
 |
2
wskongdesheng OP 视频是在需要翻页的页面内的
|
|
3
wskongdesheng OP 视频怎么样实现翻页效果呢
|
|
4
airyland 2014-11-11 12:31:49 +08:00
@wskongdesheng 视频里面的翻页效果？
进入有视频的页面播放视频，进入下一页时停止上一页里面的视频的播放。 |
 |
5
dong3580 2014-11-11 12:50:15 +08:00  1
|
|
6
wskongdesheng OP 视频内嵌到杂志里面，如果杂志翻页，视频也要实现相应的翻页效果，比如弯曲，淡入淡出
|
|
7
wskongdesheng OP @dong3580 谢谢，我研究下
|
|
8
wskongdesheng OP @dong3580 我的意思是模仿书本的翻页效果，例如弯曲，掀页
|
|
9
dong3580 2014-11-11 12:53:22 +08:00
|
|
10
wskongdesheng OP @dong3580 嗯，就是这个，所以我才不知道怎么实现嘛
|
|
11
wskongdesheng OP @dong3580 要不然杂志有翻页效果，视频在那梗着，体验很差
|
|
12
dong3580 2014-11-11 12:56:23 +08:00
@wskongdesheng
sina博客 右上角 都有鼠标移到flash上会有翻页的效果，具体没研究过。 你可参考一下，譬如： http://blog.sina.com.cn/s/blog_677b57240100rz2k.html |
|
13
wskongdesheng OP @dong3580 turn.js就是能够实现图片和文字的翻页效果，但是我杂志里如果内嵌视频的话就没办法了
|
|
14
dong3580 2014-11-11 12:58:19 +08:00
@wskongdesheng
我说过，翻页和内容没关系，视频只是内容的一部分， 你的“要不然杂志有翻页效果，视频在那梗着，体验很差”从何而来呢？ 翻页了了，当然内容都被切换了，何来“视频在那梗着”呢？ 感情你没表达好你的需求，或者我理解能力有问题。 |
|
15
wskongdesheng OP @dong3580 视频内嵌在杂志的div里，但是turn.js的话只会处理图片和文字，所以翻页时图片和文字就会有弯曲效果，但是视频还是原样，很不协调。
|
|
16
wskongdesheng OP |
 |
17
septem123 2014-11-11 13:13:24 +08:00
对视频的最后一帧进行截图 然后当做图片放到原视频区域 翻页？
|
|
18
wskongdesheng OP @septem123 怎么截图？
|
|
19
septem123 2014-11-11 13:27:10 +08:00
@wskongdesheng phantomjs 这个自动化测试工具有全屏截图功能 截一部分应该也行 我没有深入研究
|
 |
20
ratatata 2014-11-11 13:34:37 +08:00
好像 canvans 是能够截图的，翻页的时候暂停视频，截图，视频替换成图片，翻页就可以了。
|
|
21
wskongdesheng OP 求范例
|
|
22
septem123 2014-11-11 14:18:55 +08:00
<canvas> API 的 ctx.drawImage(video, 0, 0) 方法可以轻松地将 <video> 帧绘制到 <canvas> 上。当然，既然我们通过 getUserMedia() 获得了视频输入，就可轻松地使用即时视频创建照相亭应用了。
|
|
23
wskongdesheng OP @septem123 膜拜
|
 |
24
neutrino 2014-11-11 14:36:39 +08:00
那如果是一边播放一边翻页呢。。
|
 |
25
kookxiang 2014-11-11 15:26:19 +08:00 via Android
我记得有个HTML5演示就有视频的动画，应该是 22 楼那个
|
 |
26
willin 2014-11-11 15:48:03 +08:00
自己.手写- -
|
 |
27
voidtools 2017-01-29 08:59:34 +08:00
楼主， site 了 v 站，只发现你的帖子涉及了 Flipbook 技术。
想请教 为啥这里面的 swf 打不开。听说是加密了。 我需要批量提取里头的文本层. |
Select Language