乐看纪录片开发
description
Transcript of 乐看纪录片开发
![Page 1: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/1.jpg)
乐看纪录片开发乐看 Team
![Page 2: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/2.jpg)
Firefox OS 体验
•Simulator
•工程机体验
![Page 3: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/3.jpg)
分岔路
•Kendo UI
•Jquery UI
•Jquery+CSS3
![Page 4: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/4.jpg)
![Page 5: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/5.jpg)
Kendo UI
•对 Firefox OS没有做优化
•收费软件•修改起来很复杂
![Page 6: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/6.jpg)
![Page 7: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/7.jpg)
同一个页面切换
![Page 8: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/8.jpg)
多页面切换
![Page 10: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/10.jpg)
乐看纪录片开发•CSS3动画效果为主
•Jquery 辅助控制
•离线资源文件•API通信
•视频播放选择 (Video标签与 VideoJS选择 )
![Page 11: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/11.jpg)
CSS3动画
•速度上的体验•填补了 CSS2的缺陷
•终于能缩放背景了•动画效果在工程机和模拟器下的效率
![Page 12: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/12.jpg)
离线资源
•所有工程资源全部离线存放•异步加载图片•更新
![Page 14: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/14.jpg)
关于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: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/15.jpg)
Jquery的工作
•勤杂工 Jquery
![Page 16: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/16.jpg)
乐看纪录片界面
![Page 17: 乐看纪录片开发](https://reader035.fdocuments.net/reader035/viewer/2022062314/56813a73550346895da26ca6/html5/thumbnails/17.jpg)
乐看纪录片播放
WEBM