Opera Reader! 網絡閱讀新變革

發(fā)布時間：2011-10-20 08:48 發(fā)布者：1046235000

關鍵詞： opera , reader , 網絡 , 閱讀

桌面團隊在發(fā)布 Opera 11.52 final 的時候提到今天還有個實驗室版本，現在內容揭曉了：Opera Reader 和 getUserMedia。
代號為 Opera Reader 的是一項創(chuàng)新的 CSS 結構，分割長頁面作為，使用翻頁形式以獲得更好的體驗，這將給網絡閱讀帶來新的認知。這是在 UNW 2011上提出的，現在則邁出了一步。
Opera Reader 當初瀏覽器為了顯示網頁，一開始就想到采用滾動的形式，給讀者滾動條以上下求索。對于軟件設計者來說這個解決方案算是再簡單不過，而且所有內容只須從頭到尾一根筋地展示，不用為如何分頁費神。不過，滾動方式在缺少鼠標的設備上并不利索，而且面對瀏覽器，人們錯失了書頁的舒展美感。
近來我們看見已經有人在正確的方向上邁出了第一步。時下越來越多的電子書閱讀器（例如亞馬遜的 Kindle ）提供“上一頁”和“下一頁”按鈕，讓讀者以一種更像書本的方式閱讀，不然就 not fashion 了。但是 Kindle 畢竟是被圍墻包圍的花園，不是你說進，能進就能進。如果有一種開放的技術讓人人都能以此方式展示內容，不是相當有益嗎？

Image by Friar's Balsam.
Opera 最近展示了這一概念的實現，用瀏覽器把網頁內容分割成書頁的形式。此實現是使用 CSS3 擴展將頁面內容分割成若干頁，讀者通過手勢，以自然的方式翻動書頁，而非看準按鈕然后點擊；并提供一種始終如一、獨立于文件本身的內容導航方式。詳情請見此 CSS3 新特性。例如，把一個頁面變成分頁瀏覽方式，只需要在你的網頁添加以下樣式：

@media -o-paged {
html {
height: 100%;
overflow: -o-paged-x;
}
}

以上代碼聲明：支持 -o-paged media 類型的設備將把內容分割成若干頁，每頁填充 100% 的瀏覽器窗口高度；overflow: -o-paged-x 表示，頁面應使用水平手勢翻頁（例如在觸摸屏上左掃右掃）。
正如在 5 世紀書頁形式取代卷軸成為最流行的閱讀方式，我們希望，書頁形式也將變革人們的網絡閱讀。
了解詳細信息和更多的演示請見：Opera Reader: Paging the Web by Chris Mills and Håkon Wium Lie.
攝像頭和 getUserMedia 這個 Labs 版本還添加了對 HTML5 API —— getUserMedia 的支持，此 API 允許用戶使用攝像頭獲得的輸入，作為

本文地址：http://m.54549.cn/thread-77933-1-1.html 【打印本頁】

本站部分文章為轉載或網友發(fā)布，目的在于傳遞和分享信息，并不代表本網贊同其觀點和對其真實性負責；文章版權歸原作者及原出處所有，如涉及作品內容、版權和其它問題，我們將根據著作權人的要求，第一時間更正或刪除。