影音的Web app
最近完成的影音播放web app,不過這次我沒有設計介面,而是完成這個app的code,這次經驗讓用jquery接xml變得很熟,另外也熟悉html5和用javascript在影音還有平板電腦上的應用,因為這次是接案製作demo性質的app,如果有時間的話運用這次練到的功,可以去完成一些之前想做的影音的東西,不過就順其自然了。
這個案子也有玩到iOS跟Android兩邊使用web去寫app的方法,iOS超簡單的,Android有點麻煩,不過卻可以多了解一下Android該怎麼寫,之後也可以藉這些延伸下去玩一下東西。
![](https://lh4.googleusercontent.com/-8GcAWF3i7ys/Tw_2lVFn-4I/AAAAAAAACm0/a3u99fNy5cE/s640-rw/001.PNG)
![](https://lh3.googleusercontent.com/-PR1B9haLG3o/Tw_2lbPmNUI/AAAAAAAACmw/cfjz2acvQ0k/s640-rw/002.PNG)
![](https://lh4.googleusercontent.com/-bFOdrbrVGZk/Tw_2lZzb84I/AAAAAAAACms/qYYttw-4qAM/s640-rw/003.PNG)
![](https://lh6.googleusercontent.com/-FiRROyayxYA/Tw_2mK12nGI/AAAAAAAACm8/D2PD3UQV2To/s640-rw/004.PNG)
![](https://lh5.googleusercontent.com/-qD-T06HD8Aw/Tw_2mass_fI/AAAAAAAACnA/Cvy5XNokv5w/s640-rw/005.PNG)
![](https://lh4.googleusercontent.com/-rPLWO-pKPeI/Tw_2mgeq9dI/AAAAAAAACnI/ygoV4AmKol0/s640-rw/006.PNG)
![](https://lh3.googleusercontent.com/-q0xmCGWLgck/Tw_2nCEjnHI/AAAAAAAACnc/0RE7Nn7pqFg/s640-rw/008.jpg)
這邊可以用手指拖曳跳轉播放時間,另外下面的是各個片段的影片縮圖,只要點選下面的圖片就可以跳到那一段,另外目前播放的片段是有紅框框highlight起來的。
這個案子也有玩到iOS跟Android兩邊使用web去寫app的方法,iOS超簡單的,Android有點麻煩,不過卻可以多了解一下Android該怎麼寫,之後也可以藉這些延伸下去玩一下東西。
![](https://lh3.googleusercontent.com/-q0xmCGWLgck/Tw_2nCEjnHI/AAAAAAAACnc/0RE7Nn7pqFg/s640-rw/008.jpg)
這邊可以用手指拖曳跳轉播放時間,另外下面的是各個片段的影片縮圖,只要點選下面的圖片就可以跳到那一段,另外目前播放的片段是有紅框框highlight起來的。
![](https://lh5.googleusercontent.com/-NvSPj07vuJg/Tw_2nrK_zVI/AAAAAAAACnY/5iRhAjJxrHg/s640-rw/009.jpg)
留言