随着智能手机、平板电脑等移动终端的迅速普及,互联网访问越来越多的来自这些移动终端,为了顺应这种改变,让人们更加方便的访问齐鲁石化电视台的视频节目,筹备建设开发齐鲁石化电视台的移动web及移动app。
一、 移动web
主流的移动终端的浏览器都对html5有很好的支持,移动web可采用html5+css3+jquery mobileui的前端编码配合相应的后端程序提供相应的数据接口的方式进行开发,为了以最少的代价得到最好的效果,可重复利用现有网站的数据库及系统架构,需要重点解决的是视频节目的转码工作,因为现有的flv格式不能在ios系统下被支持,需要转换成mp4格式,建议以后发布的视频逐步过渡到mp4格式,可很好的兼容pc/移动终端,对于现有的节目内容可以选择性的批量转换成mp4格式,可采用原节目一样的文件名,不需要更新数据库录入。
奇艺网解决方案分析
移动web: m.iqiyi.com 5.99M
播放地址http://m.iqiyi.com/play.html?tvid=347580&vid=5ef831f9b87c404ea3fb438033c06104
视频地址:http://119.167.234.59/videos/amusement/20130104/1694cadc3fc23665cb4e7d0536ab104f.mp4
传统互联网
播放页地址:http://yule.iqiyi.com/20130105/7f047e9177de58c7.html
视频参数:vid=5ef831f9b87c404ea3fb438033c06104&pid=23648&ptype=2&albumId=289164&tvId=347580
播放文件地址:4.55MB http://112.253.36.89/videos2/amusement/20130104/421e192c886a36f4e0bf973a8a780152.f4v?key=b5dc1599b2ef2ed1&su=94939eede2d178ae7be13fd68923859c&retry=1&client=222.134.87.250&z=yantai_cnc&mi=7_289164_347580_5ef831f9b87c404ea3fb438033c06104&bt=2&ct=2&e=&tn=47498&range=4663296-9437183&ran=0.11192291136831045
可以看到vid是相同的,tvid也是相同的,但播放文件的服务器与文件格式是不同的,移动终端采用的是mp4文件格式,传统互联网还是采用的flv的升级版f4v格式,移动端的文件甚至还大于传统互联网的文件大小。
*.f4v文件是一种新型的H.264解码的视频文件,在土豆高清就能见到他的身影了。是根据flv格式修改而来的,理论上跟原来的flv差不多,适合在网络上传播。不过原来的flv使用H.263编码的,文件体积大而且画质不好。所以就出现了f4v(H.264)这种文件了,这种文件比原来的flv要小,不过更清晰。在同样大小或码率,f4v比原来的flv做得分辨率更大、图像更清晰!
mp4也可以选择用h.264进行编码,现在已经是h.264的时代
山东网络台传统互联网也是采用h264 mp4格式
界面设计:根据移动设备屏幕特色,借鉴各平台网站的触摸屏网站进行界面的设计,内容排版处理。采用html5+css3进行前台编码,采用juqery mobileui添加交互效果,后台重用asp.net+sql server的架构,为移动终端输出json格式的数据。
二、 移动app
Native App特点:
需要安装;
“胖”客户端;
移动终端提供的API更丰富,实现的功能更多;
编程语言使用Objective-C,JAVA等;
更好的交互体验;
UI上更易优化以便适应不同设备;
对数据缓存更好的支持;
Web App特点:
无需安装,基于Web,易更新;
“瘦”客户端;
编程语言使用HTML,CSS,Javascript等;
UI效果稍差;
app响应稍慢;
开发成本与周期比较高,需要根据不同的平台进行各版本的开发.