2011年3月22日 星期二

氣象局專案-網頁部分

忙了好久的氣象局專案終於上線了,雖然網頁是最晚做的,但是因為目前手邊的資料最充足,所以先來講網頁的部分。

網頁的部分因為氣象局用iframe的方式把網頁塞進去,所以請從天氣預報>影音預報進入這頁。

簡單的說這次就是幫氣象局做一個影音自動化的服務,包含影片的內容跟網頁的部分。

這是替換掉原本氣象局醜醜的影音點播頁面,滑鼠移到選單上會滑出分類介紹,這部分就是用jQuery寫的,背後會有雲隨機飄過去,也是仰賴jQuery的幫忙。
CWB weather channel
CWB weather channel

CWB weather channel
進入各分類後,可以看到左邊會有影片,右邊則是可以點選各則影片。

CWB weather channel

會隨時間切換背景,這也是用javascript去控制CSS,只是時間有些奇怪,替換背景的時間是隨縣市天氣預報做更換的,所以在每天的早晚4:30跟10:30會替換CSS,這也是氣象局要求的..

CWB weather channel
點放大觀賞可以看到比較大的影片,其實這邊有一個很大的問題,就是因為主機不支援串流影音,所以影片會很容易會沒辦法看到整段影片,這個是之前就的網頁就有的問題,因為這次專案沒有說要解決這個問題(可能他們沒發現),所以這個問題就繼續了...

本來是說要無障礙加flash,後來用jQuery解決動畫的問題,flash就意思意思放了一下,可是好像也因為png太多,讀取起來有點慢,最後還是希望大家不要再用IE6啦..

主要是做全台分區氣象跟海象預報。
CWB weather channel
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...