18
乐乐乐乐乐乐乐 乐乐 Team

乐看纪录片开发

  • Upload
    brandy

  • View
    36

  • Download
    3

Embed Size (px)

DESCRIPTION

乐看纪录片开发. 乐看 Team. Firefox OS 体验. Simulator 工程机体验. 分岔路. Kendo UI Jquery UI Jquery+CSS3. Kendo UI. 对 Firefox OS 没有做优化 收费软件 修改起来很复杂. 同一个页面切换. 多页面切换. Web API. https://developer.mozilla.org/en-US/docs/Web. 乐看纪录片开发. CSS3 动画效果为主 Jquery 辅助控制 离线资源文件 API 通信 - PowerPoint PPT Presentation

Citation preview

Page 1: 乐看纪录片开发

乐看纪录片开发乐看 Team

Page 2: 乐看纪录片开发

Firefox OS 体验

•Simulator

•工程机体验

Page 3: 乐看纪录片开发

分岔路

•Kendo UI

•Jquery UI

•Jquery+CSS3

Page 4: 乐看纪录片开发
Page 5: 乐看纪录片开发

Kendo UI

•对 Firefox OS没有做优化

•收费软件•修改起来很复杂

Page 6: 乐看纪录片开发
Page 7: 乐看纪录片开发

同一个页面切换

Page 8: 乐看纪录片开发

多页面切换

Page 9: 乐看纪录片开发

Web API

https://developer.mozilla.org/en-US/docs/Web

Page 10: 乐看纪录片开发

乐看纪录片开发•CSS3动画效果为主

•Jquery 辅助控制

•离线资源文件•API通信

•视频播放选择 (Video标签与 VideoJS选择 )

Page 11: 乐看纪录片开发

CSS3动画

•速度上的体验•填补了 CSS2的缺陷

•终于能缩放背景了•动画效果在工程机和模拟器下的效率

Page 12: 乐看纪录片开发

离线资源

•所有工程资源全部离线存放•异步加载图片•更新

Page 13: 乐看纪录片开发

视频播放

•HTML <Video>

•VideoJS (http://www.videojs.com/)

•简单方便•坑

Page 14: 乐看纪录片开发

关于MP4

•Writing library : x264 core 128

•Format profile : [email protected]• Encoding settings : cabac=1 / ref=6 / deblock=1:-2:-1 /

analyse=0x3:0x113 / me=umh / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=24 / chroma_me=1 / trellis=2 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=0 / threads=12 /

lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 /

bluray_compat=1 / constrained_intra=0 / bframes=3 / b_pyramid=1 / b_adapt=2 / b_bias=0 / direct=3 / weightb=1 / open_gop=0 / weightp=1 / keyint=50 / keyint_min=1 / scenecut=40 / intra_refresh=0 / rc=abr / mbtree=0 / bitrate=368 / ratetol=1.0 / qcomp=0.60 / qpmin=10 / qpmax=51 / qpstep=4 / ip_ratio=0.71 / pb_ratio=1.30 / aq=1:1.00

Page 15: 乐看纪录片开发

Jquery的工作

•勤杂工 Jquery

Page 16: 乐看纪录片开发

乐看纪录片界面

Page 17: 乐看纪录片开发

乐看纪录片播放

WEBM

Page 18: 乐看纪录片开发

谢谢http://lekan.com