柏強,徵求新名稱的網誌

原「柏強的城市探險記」。版面清掃中、文章撰寫中,名稱思考中。

這當然是不管 IE6 怎麼顯示的公益廣告

開源人年會2009

年度最猛開源人聚會COSCUP 2009, 7/16 開始報名

MozTW 會眾大出動的時間又到了,別忘了來找我們認親、可以拿到 Firefox 的紀念品喔 :P 另外徵求攝影器材與攝影師,享受不用擠破頭報名參加還有絕佳座位的特權,詳情請洽柏強


其實低調也不錯

到時候就是 25 個人分一些有的沒的小禮物,這些是一部份:

SANY1046.JPG

據說還有 3 個位子,然後今天 (7/9) 晚間報名截止這樣。

顛覆網路 35 天: HTML 5 版音樂播放器

很久沒翻譯這系列文章,我發現米嘉也富奸化了… 不過他畢竟是比我維持得更久點,翻譯這類文章真的很考驗毅力的啊,大家要多給義務幫忙翻譯引介資訊的人一點鼓勵。

這篇文章裡討論的是利用 HTML 5 的 audio 標籤與 JavaScript 合作製作一個音樂播放工具,其實 WM 在之前也為 MozTW 製作了一個更炫的、所以害我每次看到這篇都沒什麼毅力翻譯… (藉口藉口!) 反正,先看看完成圖吧!

這個範例還是很有價值的,相較於 WM 的炫爆範例,本例的作者採用了有趣的方式來實作:

<div id="jai">

  <canvas id="jai-transport" width="320" height="20"></canvas>
  <ul class="playlist">

    <li>
      <a href="@F1LT3R - Cryogenic Unrest.ogg">
        F1LT3R - Cryogenic Unrest
      </a>
      <audio src="@F1LT3R - Cryogenic Unrest.ogg"/>.
    <li>

      <a href="@F1LT3R - Ghosts in HyperSpace.ogg">
        F1LT3R - Ghosts in HyperSpace
      </a>
      <audio src="@F1LT3R - Ghosts in HyperSpace.ogg"/>.       
  </ul>    

</div>

原始範例裡的程式碼有包含 Fallback 功能而且比較複雜一點,這裡把程式碼簡化比較容易說明。你發現了嗎?清單中所有音樂項目都只是由 HTML 的列表加上 CSS 樣式展現的,每個項目都與一般 HTML 頁面的連結一樣,可以加入書籤、複製連結位置等等。JavaScript 程式會找出 ID 為jai 之 DIV 標籤中所有的 AUDIO 標籤,接著又以 SVG 加上 JavaScript canvas 的方式繪製出操作介面

用這個方法要加入新樂曲相當方便,且要在任何網站上放入這個播放器也十分容易 —— 定義一個 canvas 與列表就可以了。(相應的 JavaScript 當然要嵌入囉)

附帶一提的是,這個網頁上不但有原作者的說明,連所有的音樂也都是他自己寫的… 這也太猛了吧 XD

Firefox 3.5 台中迷你趴

依照往例,MozTW 只有在大版本更新的時候會辦 Firefox Party,這次 3.5 推出也不例外。不過一方面有社群成員建議還是辦個交流性的小聚會,另一方面 Mozilla 也有準備紀念品送給各地區的派對活動,所以就讓我們在台中聚會一下吧!

  • 時間: 7/11 14:00-16:30-18:00 (後一半是自由交流時間)
  • 地點:默契咖啡 (台中市中港路二段60-3號)
  • 費用: 活動本身免費,低消、餐點等自費 (吃喝大概是 150-200 間)
  • 限額:只有 25 個位子,要報要快喔!

場地有免費網路、插座,歡迎帶筆電來。內容除了分享與交流外,當然也有很多雜七雜八的小禮物會送給參加者。報名及詳細資訊請見報名網頁

兩小時後,知床大地震!

你裝 Firefox 3.5 了嗎?如果你是從 Firefox 3.x 甚至 2.x 版跳上來的使用者,想必有感覺到速度上的提昇。因應 Firefox 3.5 的 Codename —— Shiretoko (知床),Mozilla 這次也準備了有趣的行銷活動「Shiretoko Shock」,邀請各位社群伙伴一起撼動這個世界!

怎麼玩呢?超簡單:只要你在當地時間下午 3:50 分時,上 Twitter、Plurk、Facebook 等地方邀請你的朋友們一起下載 Firefox 就可以囉!以下是一些簡單的範例句:

撼動全世界!現在就下載 Firefox 3.5: http://bit.ly/shiretokoshock-tw #fx35

(我要推這句 | 我要撲這句)

Shock with me!現在就下載 Firefox 3.5: http://bit.ly/shiretokoshock-tw #fx35

(我要推這句 | 我要撲這句)

YouはShock!馬上下載爆強爆快的 Firefox 3.5: http://bit.ly/shiretokoshock-tw #fx35

(我要推這句 | 我要撲這句)

最後一句的梗不曉得有多少人會看懂 (汗) 當然你也可以自己編寫有自我風格的詞句,只要別忘了在最後加上「http://bit.ly/shiretokoshock-tw」的網址及「#fx35」標籤;此外也不必擔心時差問題,只要在自己所屬時區的下午 3:50 「Shock」一下就行了!

從巴西時間起,每個小時都將有一次發生在世界不同時區的 Shiretoko Shock,大家一起製造知床大地震吧!

另外在台灣時間的 7/2 半夜 2:50a 其實還有一次全球的 Super Shock,這個就不邀請大家參加了 XD 夜貓子們自己參考吧 :P

Go home, IE6!

"Yeah, you always break our coolest toys!"
IE6 denial message for Momentile.com

搜尋柏強

內容授權

Creative Commons License

柏強的城市探險記文字部份除另有聲明外,係採用創用CC姓名標示—相同方式分享 2.5 台灣版條款授權公眾使用,利用時請於合理位置標示本站網址。其他使用範圍請填寫申請書依個案處理

關於我對「姓名標示」的看法,請見姓名標示,要標什麼?要標那裡?以及姓名標示,要標什麼?法律嚴肅版


本站於 2008/12/15 10:01 AM 前的文章亦採創用 CC 姓名標示—非商業性—相同方式分享 2.5 台灣版條款平行授權,請參考授權方式更動說明

文章分類

About...

BobChao

柏強,MozTW 的雜工。有關於我的一切,請參考介紹

高師大附中菩提網路家族
尷尬網誌寫作者互助協會

其他資訊:趙柏強
柏強的城市探險記

高雄 台灣 (中華民國)

有趣文章

近期迴響