180 likes | 439 Views
乐看纪录片开发. 乐看 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 通信
E N D
乐看纪录片开发 • 乐看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通信 • 视频播放选择(Video标签与VideoJS选择)
CSS3动画 • 速度上的体验 • 填补了CSS2的缺陷 • 终于能缩放背景了 • 动画效果在工程机和模拟器下的效率
离线资源 • 所有工程资源全部离线存放 • 异步加载图片 • 更新
视频播放 • HTML <Video> • VideoJS (http://www.videojs.com/) • 简单方便 • 坑
关于MP4 • Writing library : x264 core 128 • Format profile : High@L3.1 • 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
Jquery的工作 • 勤杂工Jquery
乐看纪录片播放 WEBM