神魂顛倒 Web 前端: Flash

顯示具有 Flash 標籤的文章。顯示所有文章

Adobe正式公佈Flash Player 10.2

Adobe Flash Player在去年12月推出了號稱有重大改進的10.2的測試版本，經過2個多月的測試與改進，今天終於推出了正式版本。

按照官方介紹，10.2加入了不少新功能：

下載:Adobe Flash Player 10.2.152.26
訪問:Flash Player 10.2 is Here: Available Now for Windows, Mac, and Linux

新增Stage Video硬體加速

借助這種全新的視訊回放方法，充分利用視訊渲染管道的硬體加速。為同類最佳的高清 (HD) 回放性能大幅降低處理器使用、支援更高的格頻率、減少內存使用、提高像素保真度。

新增Internet Explorer 9硬體加速渲染支援

借助Flash Player充分利用Internet Explorer 9中的硬體加速圖形，借助硬體渲染表面提高圖形性能並實現無縫合成。

新增本機自定義鼠標光標

定義自定義本機鼠標光標，從而增強使用者體驗並提高性能。

新增支援多監視器全屏模式

將多個監視器上的內容保持全屏模式使您能在另一個監視器上工作時查看全屏內容。

新增子像素文字渲染增強

Flash Player 中的文字可讀性得到改進，尤其對於基於複雜字符的語言。

Facebook Photos 升級至高解析度

Facebook周四宣布升級相片分享產品，使用者今後可分享高解析度相片，為相片中的人一次大量上標籤(bulk tagging)，並且以更便捷的方式瀏覽相片，不必每次瀏覽新的相片就得一一載入個別的頁面。

Facebook Photos產品經理Sam Odio宣布，新功能將在未來一個月內推出，30日晚間先開始做小規模測試。

Odio表示，之前Facebook Photos是「笨拙的體驗」，受限於720畫素的解析度，標註其他會員是緩慢的過程，相片上傳工具用的是幾年前的老掉牙Java技術。隨著每天有數百萬計的相片上傳到這個社群網路，Facebook認為現行的產品已不敷需求。

新的上載工具已用更進步的Flash技術逐步改良，讓Facebook會員可選擇以2048畫素上傳相片，也可選擇讓朋友下載。Odio說：「這樣的畫素足以用300DPI的解析度列印出5x7的相片。上傳後，可以在相片中為朋友一次大量加上標籤，不必逐一標註。」

Odio說，新的上標籤工具可偵測出在相簿中重複出現的面孔，但並未用到更複雜的臉孔辨識(facial-recognition)技術，所以不會像 Picasa和iPhoto那般，自動把臉孔與身分profiles連結起來。他說表示，至少就目前而言，Facebook希望避免敏感的隱私問題。

以前，瀏覽每張相片都必須另外載入一個獨立的網頁，但新的瀏覽功能把影像以及相片的回應與標籤直接載入瀏覽頁面的上方。(唐慧文譯)

來源：http://www.zdnet.com.tw/news/web/0,2000085679,20147761,00.htm

10個HTML5動畫，讓你忘掉Flash

10個HTML5動畫，讓你忘掉Flash

你最近可能已經聽到了很多關於Flash是面臨垂死掙扎的技術以及它將如何很快被HTML5的取代。就個人而言，我認為HTML5會慢慢取代一些Flash的東西，但Flash會永遠有它的一席之地，特別是開發複雜的遊戲和豐富的互聯網應用。如果你還沒有看到HTML5動畫是怎麼樣做的，我這裡收集了10個演示，顯示了它的一些出色的動畫能力。 那麼，你認為——HTML5會取代Flash嗎？

Canvas Minimal Particle Animation

（字體動畫，可以輸入文字自定義，不過就像世界上很多東西一樣，這個也不支持中文。）
CanvasMol

（這一個真實嚇我一跳，截圖是著名的C60分子結構，3D動畫，很多自定義選項，真的跟Flash沒什麼兩樣。點擊左邊列表還可以看到更多3D動畫的分子結構。）
Flickr and Canvas in 3D

(這個cb之前新聞貼過了。點擊上面的方塊就顯示出圖片。)
Cloth Simulation

(布料模擬動畫，接觸過3D的人應該知道這種效果。)
etchaPhysics

（一個遊戲動畫，用畫筆一些東西，點擊時鐘之後這些物體會受重力掉下來，遊戲我沒去細看，動畫亮點就是模擬重力和剛性反彈吧。）

Google Images Gift Box – CSS 3D example

（可旋轉的立體盒子，可以在上面輸入內容然後點搜索，盒子就打開，不過好像沒搜索出內容。）
Liquid Particles

（流體粒子動畫，也是3D動畫的一個手段。不過如果像那些3D軟件一樣粒子可以替代成物體，那真是太偉大了。）
HTML5 Canvas Nebula

（星雲動畫，通過靜態圖片實現。個人認為早前的Javascript也能實現，不過可能效果沒那麼好。）
Ball Pool

（彈性球動畫。模擬重力和彈性。）
Bomomo

（幾個漂浮的泡泡是畫筆，可以在畫布上畫畫。）

(作為動畫，有很多種形式，時間軸動畫，重力模擬，軟體模擬，彈性等多種動畫效果。其實所看到的HTML5動畫相比以前的看到的並非有很多高明之處，最大的區別可能就是HTML5新元素畫布，這個元素的動畫可操作性相比圖片要好很多。不過我覺得在IT業界裡，事物的新穎與否並非全在於技術的革新，而在於概念的新鮮，就像當初的Ajax一樣，技術沒什麼變化，但是帶來了極好的用戶體驗。)

來源：WebDesignledger
編譯：MazingTech

黑松搖搖樂

呵呵，這個黑松的好有趣

Flash選單相關資源

Flash選單相關資源：

[Flash選單]金屬特校選單效果

[Flash選單]3D旋轉選單

[Flash選單]很特別的選單

[Flash選單]韓國風flash卡通選單

[Flash選單]韓國彈力繩選單

韓國Flash素材站 - 多種Flash選單、產品菜單、特效

超酷的橫式flash選單製作器..不用懂flash也可以做出漂亮的選單喔

超酷的跳耀式flash選單製作器..不用懂flash也可以做出漂亮的選單喔

超酷的橫式flash選單製作器..不用懂flash也可以做出漂亮的選單喔

超酷的直立式flash選單製作器..不用懂flash也可以做出漂亮的選單喔

[推薦]sony的FLASH選單

Flash CS4 / Flash 10 代號：....：Diesel 新功能

Flash CS4 / Flash 10 代號：....：Diesel 新功能

http://bbs.flash2u.com.tw/dispbbs_35_79204_1.html

新功能預估有

1,直接在舞台中以視覺化方式編輯、控制視訊，省去了反覆編譯測試的麻煩
此主題相關圖片如下flash10-1.jpg：
2,內建 3D 和進階濾鏡工具，Silverlight及Expression Blend （WPF）都能支援3D了，Flash 當然也要囉

關於一些Flash 3D會使用papervision3D的傳言，Lee Brimelow在部落格中有說明：
Adobe 不會購買papervision3D,CS 4的3D是Adobe內建的一個新的3D引擎，現在還不確認是否有papervision3d的人員參與開發
Flash player 10的3D能力與papervision 3d的能力基本相同，這種類型通常被稱為「Postcards in Space」，目前為止並沒有對collada 或 shader外掛的支援
新的3D引擎支援硬體加速渲染,而papervision 3d 並不支援，但還在努力中，呵呵，其他保密
視訊可以看這個：http://theflashblog.com/files/max1.flv

3,類 AE 的時間軸管理和動畫製作方式，更直覺一點
此主題相關圖片如下flash10-2.jpg：4,IK 骨骼系統支援,呵呵，這樣可真酷，可以直接改變人物的動作，做阿貴動畫時不用那麼辛苦了
此主題相關圖片如下flash10-3.jpg：
http://www.jonnymac.com/blog/2007/10/22/flash-10-cs4-diesel-sneak-peek/
http://www.webvideoblogger.com/2007/10/02/max-2007-sneak-peeks-semi-live-blogging-stupid-wireless-vs-battery/

視訊預覽
http://www.youtube.com/watch?v=vqMI480D668

Flash Player 10 還將支援 VoIP 與 P2P
http://www.brooks-bilson.com/blogs/rob/index.cfm/2007/10/2/Adobe-MAX-2007--Sneak-Peeks-Part-1

新的資源格式文件XFL
引入了XFL文件（XFL: Flash's New Source Format）格式，據稱下一版本的Flash CS4可以匯出和導入這種資源格式的檔案XFL，此檔案格式實際上是一種zip壓縮格式，使用xml的形式來描述檔案的結構，所用到的圖形等元素都包括在這個壓縮包中。興許日後我們在編輯flash時，只需要編輯XFL中的圖形等元素。而不需要打開fla來重新發佈了。

Flash CS 3 / 8 新功能專區

Actionscript 4.0 新特性預覽

Actionscript 4.0 新特性預覽

Colin Moock發表了一份ECMAScript 4.0的最新特性而AS3還不支援的匯總說明。因為AS是基於ECMAScript的，所以將來的AS4理論上應該會支援ECMAScript 4.0的這些新特性，至少會部分支援。

這些新特性包括：

1.Record Type：記錄類型

它可以快速定義一個對象的元素類型，比定義一個類更簡潔。如AS3中有Point類，如果我們只需要一個簡單的對象來記錄一些點的坐標，用Point類別就浪費了。於是我們就可以用type關鍵字來建立記錄類型：type Point={x:Number,y:Number}，這樣我們就可以用new Point(10,20)來定義一個點了。它比AS3中的Point類輕巧而快速，而且是強類型，比如new Point("riaidea","true")就會錯誤。

2.Array Type：數組類型

同記錄類型類似，它可以讓你定義一個數組對象的元素類型。比如：type myArray=[int,String]，那麼第一個元素就只能是int類型，第二元素只能是String類型。

3.Union Types：復合類型

它能指定一個變數為多個類型。如：var content:(StringXML)，其中變數content可以為String或XML類型。在方法中的參數定義也可以用復合類型。

4.Generic Functions：重載方法

很多朋友都問為什麼AS3沒有重載，AS4就會應該有了。

5.Iterators and Generators：迭代器和控制器。與python相似。

6.New Number Types：新資料類型。

新增byte, double, decimal，而Number類型則會取消。

更詳細的請看Moock的文章：
http://moock.org/lectures/newInECMAScript4/

還有ECMAScript4的新標準：
http://www.ecmascript.org/es4/spec/overview.pdf

或這裡ActionScript討論區
或這篇 ActionScript 3:overview ＋翻譯

以Flash播放 H.264 video影片及 AAC audio音訊

http://www.adobe.com/devnet/flashplayer/articles/hd_video_flash_player.html

前提是要更新Flash Player

下載Flash Player 9 Update 3 (9,0,115,0) or later

重點來了，ActionScript 播放H264的 MP4 檔案該怎麼寫，範例通通如下：

AS 3.0版本
h264_as3_samples.zip(ZIP, 48.3 MB)

AS 2.0版本
h264_as2_samples.zip(ZIP, 48.4 MB)

Adobe Flash 多媒體影音無所不在研討會

活動：Adobe Flash - Adobe Flash 多媒體影音無所不在研討會
日期：2008/3/11 PM 13:00~17:30
場地：THCC 台大醫院國際會議中心台北市中正區徐州路2號 (詳細地圖)
活動議程表：

12:30~13:00 報到

13:00~13:10 開場

13:10~13:30 行動影音創作大賽頒獎典禮

13:30~13:45 Adobe CS3多媒體影音完美工作流程

13:45~14:35 多媒體設計必備工具Adobe Flash CS3的介紹與應用

14:35~15:10 中場休息

15:10~16:00 Flash在手機上的應用 – Flash Lite, Flash Cast及Device Central的介紹

16:00~16:50 多媒體時代的最佳影音串流工具 – Flash Media Server 3的介紹及應用

16:50~17:05 客戶分享

17:05~17:30 問答及幸運抽獎時間

Flash 3D：Papervision3D 教學系列

迎接MP4——製作Flash Player支援的H.264視訊格式

迎接MP4——製作Flash Player支援的H.264視訊格式
迎接MP4——製作Flash Player支援的H.264視訊格式
Flash Player 9.0.115發佈了，這是一個支援H.264的正式版本。關於H.264，已經說得太多，播放H.264的視訊也很簡單，用NetStream即可（也就是播放FLV的那一套，想瞭解的可以看這篇官方提供的教學），但是怎麼把現有的視訊壓縮成Flash Player支援的H.264格式呢？

http://bbs.flash2u.com.tw/dispbbs_35_80991_1.html

那麼，什麼是H.264？「MPEG4 Part 10」是什麼？它和「Part 3」、「Part 2」有什麼關係？可以看這篇文章。
簡單的講，H.264、MPEG4 Part 10、MPEG4 AVC和ISO/IEC 14496-10 都是一個東東，就是一種視訊編碼格式，同時也是高解析電影採用的視訊編碼格式之一（另外兩種是MPEG2和VC-1）。
而平常我們熟悉的DivX以及XviD編碼，都屬於MPEG4標準的範疇，但它們屬於MPEG4 Part 2，Flash Player是不支援它們的。
瞭解了基礎知識之後，我們首先需要找到一個編碼工具。
選擇一個優秀的壓縮工具至關重要。Flash CS3自帶的用於壓縮FLV的壓縮器自然是無法勝任了。可是網上的視訊轉換工具多如牛毛，要找一款好用的真的很難。本著「免費、易用、專業、通吃」這四個標準，經過大量測試，終於找到一款優秀的國產編碼軟體MediaCoder（中文名：影音轉碼寶盒），以下是來自MediaCoder官方網站的介紹：
MediaCoder是一個免費的通用音訊/視訊批量轉碼工具，它將眾多來自開源社區的優秀音訊視訊編解碼器和工具整合為一個通用的解決方案，可以將音訊、視訊檔案在各種格式之間進行轉換。
功能和特點
基於優秀的眾多的開源編解碼後台，能夠解碼和編碼的格式多
極為豐富的可調整的編碼參數
全部編解碼器自帶，不依賴於系統的編解碼器和任何組件
良好的可擴展的程式架構，快速適應新的需求，不斷新增新的格式的支援
利用腳本語言擴展的界面，有支援眾多影音設備（如PSP、iPod）的專用界面
高性能，特別在雙核處理器上表現優異
典型應用
提高影音檔案壓縮率，減小其檔案尺寸
轉換至可在各種影音設備上播放的影音檔案，如MP3播放器、MP4播放器、手機、PDA、VCD/DVD播放機
擷取視訊檔案中的音軌並轉換成MP3、AAC、WMA等音訊檔案
修復和改善一些損壞的、部分下載的或質量不佳的影音檔案
支援格式
MP3, Vorbis, AAC, AAC+, AAC+v2, MusePack, Speex, AMR, WMA, RealAudio, mp3PRO*
FLAC, WavPack, Monkey』s Audio, OptimFrog, AAC Lossless, WMA Lossless, WAV/PCM
H.264, Xvid, MPEG 1/2/4, Theora, Flash Video, Dirac, 3ivx*, RealVideo*, Windows Media Video
AVI, MPEG/VOB, Matroska, MP4, RealMedia*, ASF, Quicktime*, OGM*
CD, VCD, DVD, CUE Sheet*
*僅支援輸入
編碼工具搞定，接著就可以「製作」影片了。

Flash升級將讓網路視訊提早進入高解析時代

最近,美國Adobe系統公司對於Flash 9.0播放器進行了升級,其中支援了H.264編碼,業內人士表示,這意味著Youtube在內的視訊網站供高解析視訊內容的步伐來得更快.據報道,此次Flash播放器的審計中,Adobe公司支援H.264編解碼,AAC音訊格式,此外還支援了圖形硬體加速功能.業內人士表示,這意味著網路高解析視訊的時代即將到來.之前,Youtube開始將網路視訊大批次轉向H.264格式,這也是蘋果公司Quicktime和各種硬體播放設備所支援的格式.網路瀏覽器中也可以看到1080線的高解析視訊.

業內人士還說,硬體圖形加速也將改進視訊播放,使用者不僅可以觀看Youtube的高解析視訊,甚至可以全螢幕觀看高解析視訊.　　據悉,Adobe同時還升級了面向Linux操作系統的播放器,這是第一次讓視窗、Linux和Mac OS X操作系統的播放器同步升級.　　

業內人士表示,目前最大的遺憾是Flash CS3軟體還沒有開始支援播放器中的新功能,Adobe公司也沒有給出升級這一軟體的時間表.　　眾所周知的是,視訊網站一般支援使用者上傳多個格式的視訊檔案,然後他們將會統一轉換,並通過Flash流媒體服務讓使用者播放.　　

此前,Youtube網站的華裔創始人陳士駿曾經對媒體表示,Youtube即將提供高質量的視訊內容,不少媒體將「高質量視訊」解讀為「高解析視訊」.

Flash & Silverlight Demo 大比拚

近日，Silverlight已經開始支援FIREFOX了，所以順便看了一下Silverlight的DEMO總體來說感覺就是在模仿FLASH已經推出的許多效果。不過也不能說微軟沒有創意畢竟Silverlight出的比FLASH要晚那麼久。不過Silverlight跟FLEX比較也覺得雖然其效果基本上實現了，但是作為動畫的完整度來說很差，這就是細節了。無論是ADOBE，還是原先的MACROMEDIA都是對動畫流暢度等瞭如指掌的。微軟想拿下設計大餐並非易事。下面把兩者同一類型的DEMO發出來給秀一下，大家就能發現兩者的區別了。

地圖類

FLASH代表YAHOO MAP DEMO

Silverlight DEMO

自行車運動類

FLASH DEMO

Bicycle Club.jpg

Silverlight DEMO

視訊瀏覽

FLASH DEMO

Silverlight DEMO

這個就是比較大型的項目比拚，ADOBE還有一些

In Labs: Flex 3 Product Configuator

The configurator is a simple application that allows the user to choose options to create their very own custom bowling shirt. (Built by Teknision)
Read more about it and download the source code.

In Labs: Flex 3 Dashboard

This demo application displays data using a pod layout as well as charts, forms, data grids, links, and multiple behaviors such as drag-and-drop, minimizing and maximizing, and more. (Built by ESRIA)
Read more about it and download the source code.

In Labs: Flex 3 Network Monitor

This demo application displays devices from a network in multiple views: network topology, device type and grid. Each device thumb displays real-time data and allows a user to click it for additional data. (Built by ESRIA)
Read more about it and download the source code.

In Labs: Flex 3 Media Widget

The Adobe Media Widget is an embeddable media player created in Adobe Flex. It allows you to embed any of the supported media types into a web page. (Built by Teknision)
Read more about it and download the source code.

In Labs: Flex 3 Component Explorer

Getting familiar with Flex 3? The explorer shows simple usage for MXML components in the Flex 3 framework.

Flex Store: Automation-ready version

This sample demonstrates Automated Testing, part of LiveCycle Data Services ES, with the popular Flex Store application.

Random walk component: Automation-ready sample application

Learn how to instrument the RandomWalk custom component so that your application records your user's interaction with the component and plays it back using automation tools.

Automation API sample applications

See the new Automation API in action in two new sample apps, which show presentation and recording of metrics, automated testing, co-browsing, and more.

Invoking .NET objects using the Flex RemoteObject API

Mark Piller (May 14, 2007)
Code this sample .NET application and learn how to integrate your Flex and .NET code, expose .NET classes as Flex remoting services, and invoke a remote method with MXML and ActionScript using AMF3 and RemoteObject API.

Adobe Tour Tracker

Watch cyclists race the Amgen Tour of California through this live, real-time Adobe sample app built with Flex and Flash Media Server.

Style Explorer

See this visual way of selecting style settings for Flex 2 user interface components. (Updated for Flex 2.0.1)

Restaurant Finder

Using REST and SOAP web services, your users can update data in a master-detail type application.

Flex Store

States, transitions, and UI techniques—this app demonstrates the types of user experiences you can create with the Flex.

Component Explorer

Getting familiar with Flex? The explorer shows simple usage for MXML components in the Flex framework.

Hybrid Store

See how to integrates a Flex component into an existing HTML application, and take advantage of expressiveness in Flex 2.

Dashboard

Charts data visually using Flex component effects to highlight users' actions as they drill deeper into data.

Photo Viewer

See how the Flex framework creates a seamless user interface and localizes content.

Announcing the Australian Flex Developer Derby winners

Dashboards, configurators, RIA stores, and more—check out the top selections in the Australian coding contest.

Announcing RIAForge.org

Use this new community site to host open source projects built with Adobe technologies—from ColdFusion apps to Photoshop plug-ins to Flash ActionScript libraries.

Integrating Flex 2 and Ruby on Rails

Learn how to use the Ruby on Rails framework with Flex as you build an issue-tracker application.

Sample Template Shop

A shopping cart application that connects to the websites of multiple vendors using httpservice controls. (Alnoor Lalji, Softbytes)

FlexAmp

FlexAmp is an online mp3 player that plays songs off a user's online storage account at Box.net. As the songs play, the application brings in photos, videos and product details from Flickr, YouTube and Amazon based on the ID3 information in the mp3s. (Arpit Mathur, Comcast)