子標題:Opera 新技術實例解析:消滅Flash - 1
儘管CB今天才出新聞,事實上技術預覽版本我已經用了一個星期了。讓我們來看看 Opera 9.52 的技術預覽版到底有什麼好玩的新技術。
第一部分 怎麼玩
先去下載一個最新的技術預覽版:
官方下載
Windows
Windows Classic
Macintosh
UNIX
第二部分 實例解讀
1. 3d canvas 支持:
簡單說,它給瀏覽器自帶了 3D 支持。不是把幾個頁面組成大方塊轉轉的噱頭,而是頁面內直接用 Javascript 繪圖實現的 3D。
實例:
一個表面貼有 Opera Logo 的旋轉立方體(每個頁面不到5KB!!):
http://people.opera.com/timj/canvas/canvas3d_example1.html
http://people.opera.com/timj/canvas/canvas3d_example2.html

一個使用 3d canvas 技術制作的 3D 貪食蛇遊戲(這個效果好到令人眩暈的遊戲只有16KB!!!):
http://people.opera.com/timj/canvas/3d_snake/




2. video 支持:
不用加任何插件,播放效果還不錯。用技術預覽版直接點開就看,沒有進度條,不能拖動。而且事實上視頻是用的 Theora 編碼的ogg 文件,比較大。
<video> 標籤是 HTML 5 的新標籤,用於定義視頻,比如電影片段或其他視頻流。用起來比較簡單,比如要在網頁插入視頻:直接<video src="文件名"></video>就可以了。大大減輕了手寫代碼的複雜度,和 Dreamweaver 之流軟件的工作量。
現在來說,video 標籤可設置的參數有:
視頻示例(無需插件即點即放):
http://people.opera.com/howcome/2007/video/controls.html
http://people.opera.com/howcome/2007/video/simple.html
http://people.opera.com/howcome/2007/video/opacity.html
http://people.opera.com/howcome/2007/video/wikipedia/macaw.html
http://people.opera.com/howcome/2007/video/wikipedia/octopus.html



第一部分 怎麼玩
先去下載一個最新的技術預覽版:
官方下載
Windows
Windows Classic
Macintosh
UNIX
第二部分 實例解讀
1. 3d canvas 支持:
簡單說,它給瀏覽器自帶了 3D 支持。不是把幾個頁面組成大方塊轉轉的噱頭,而是頁面內直接用 Javascript 繪圖實現的 3D。
實例:
一個表面貼有 Opera Logo 的旋轉立方體(每個頁面不到5KB!!):
http://people.opera.com/timj/canvas/canvas3d_example1.html
http://people.opera.com/timj/canvas/canvas3d_example2.html

一個使用 3d canvas 技術制作的 3D 貪食蛇遊戲(這個效果好到令人眩暈的遊戲只有16KB!!!):
http://people.opera.com/timj/canvas/3d_snake/




2. video 支持:
不用加任何插件,播放效果還不錯。用技術預覽版直接點開就看,沒有進度條,不能拖動。而且事實上視頻是用的 Theora 編碼的ogg 文件,比較大。
<video> 標籤是 HTML 5 的新標籤,用於定義視頻,比如電影片段或其他視頻流。用起來比較簡單,比如要在網頁插入視頻:直接<video src="文件名"></video>就可以了。大大減輕了手寫代碼的複雜度,和 Dreamweaver 之流軟件的工作量。
現在來說,video 標籤可設置的參數有:
![]()
![]()
autoplay 如果是 true,則視頻在就緒後馬上播放。 controls 如果是 true,則向用戶顯示控件,比如播放按鈕。 end 定義播放器在視頻流中的何處停止播放。默認地,聲音會播放到結尾。 height 設置視頻播放器的高度。 loopend 定義在視頻流中循環播放停止的位置,默認是 end 屬性的值。 loopstart 定義在視頻流中循環播放的開始位置。默認是 start 屬性的值 playcount 定義視頻片段播放多少次。默認是 1。 poster 在視頻播放之前所顯示的圖片的 URL。 src 要播放的視頻的 URL。 start 定義播放器在音頻流中開始播放的位置。默認地,聲音在開頭進行播放。 width 設置視頻播放器的寬度。
視頻示例(無需插件即點即放):
http://people.opera.com/howcome/2007/video/controls.html
http://people.opera.com/howcome/2007/video/simple.html
http://people.opera.com/howcome/2007/video/opacity.html
http://people.opera.com/howcome/2007/video/wikipedia/macaw.html
http://people.opera.com/howcome/2007/video/wikipedia/octopus.html


