蕃茄腦袋: FLASH

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

[+/-] : ActionScript 4.0 & ECMAScript 4.0

張貼者：蕃茄 (Tomato) 0 Comments

[+/-] : 如何插入 Flash 到 DreamWeaver 中

張貼者：蕃茄 (Tomato) 2 Comments

[+/-] : FLVPlayback 組件自動播放 & 音樂隨機播放

張貼者：蕃茄 (Tomato) 2 Comments

　　剛有個朋友問我說一個ＦＬＡＳＨ的小問題，他想做一個視訊檔放在ＦＬＡＳＨ中，需要不斷的重覆播放但是不需要可以控制，就像一個展示用的影片，但是，它在下方還需要一個按鈕，按下後，可以隨機播放出不同的音樂，跟影片沒有任何關連性的動作。
　　其實這個東西很簡單，於是我花了一點時間幫他完成，順便把檔案也放上來，想要下載的自己載回去看看吧～
　　程式的部份我都有做註解，我想有點底子的，看看就會懂，看不懂的，我晚點有空再上來解釋它吧！

　　音樂檔要放在ＳＯＵＮＤ的資料夾下哦，檔名要到ＦＬＡＳＨ裡改下面第二行的部份，你有幾首歌就通通把檔名放在＂雙引號＂內即可，我下面放了三首，如果不夠，自己加就可以了。

　　下面是程式碼以及原始檔下載的位置

- 下載原始檔


//你可以自己輸入你想要的歌曲名稱
var soundList:Array = Array("Colbie.mp3","Happy.mp3","Jason.mp3");

//播放音樂用函式
function playMySound(){
 i=Math.floor(Math.random()*soundList.length);
 loadSound = new Sound();
 loadSound.loadSound("sound/"+soundList[i],true);
 //如果音樂播完後重新播放 , 如果不希望音樂能重覆播放 , 請將此函式註解或刪掉即可。
 loadSound.onSoundComplete=function(){
  loadSound.start(0);
 }//到此為音樂重覆播放 
 loadSound.start();
}

//按下按鈕就隨機播放音樂
btn.onPress=function(){
 playMySound();
}

//設定監聽物件 , 用來監聽 MyFLV 播完了沒 , 如果影片不想重覆播放 , 請將以下程式碼註解或是刪除即可。
var listenerMyFLV:Object = new Object();
//如果播完了 , 要做的事
listenerMyFLV.complete = function(e:Object):Void {
//把時間移到開始
myFLV.seek(0);
//重新播放
myFLV.play();
};

//開始監聽影片播完了沒
myFLV.addEventListener("complete", listenerMyFLV);
//到此為影片重覆播放

[+/-] : [平面設計 - 常職篇] 請問網路圖片可以印刷嗎？

張貼者：蕃茄 (Tomato) 4 Comments

[+/-] : 不得不的進化 ActionScript 3.0

張貼者：蕃茄 (Tomato) 0 Comments

[+/-] : [SWFObject] SWFObject 2.0 讓你輕鬆的插入及控制 Flash

張貼者：蕃茄 (Tomato) 3 Comments

插入 Flash 到網頁，自從有了 DreamWeaver 後，一直都不是難事，就算都不會任何編輯器，在 Flash 的匯出選項裡也能直接產生插入好 SWF 檔的 HTML ，所以插入 Flash 這件事，一直沒有受到大多數人的重視。

一直到 Win XP 發佈 Service Pack 2 後，一切通通變得不一樣了，因為如果沒有很好的插入語法及觀念，你的 SWF 動畫檔在網頁上沒辦法被使用者直接使用，因為會出現虛線，還需要使用者在動畫上點左鍵一下才能使用，也因為這樣，在網路上又開始出現一大堆的修正檔，這一切都是 IE 搞的鬼啊～

重點是，DreamWeaver 8.1 版後，也幫使用者修正了這個問題，當然 DreamWeaver CS3 也重新改寫了 AC_RunActiveContent.js 這個修正檔，這支修正檔會在你加入 SWF 檔後，第一次儲存時，就會出現提示準備儲存檔案（如下圖）。

當你按了確定後，就會依照上述的路徑，將檔案儲存在你的網站資料夾下（如下圖）

原則上，這樣就完成插入 SWF 檔及修正 IE 的安全性問題，BUT，問題其實從這裡才開始，有什麼問題呢？繼續看吧！

如果你希望做出來的網頁能符合搜索引擎最佳化的原則、還能做出真正通過 text/html 的頁面，而不是 ~~application/xhtml+xml~~ 以及網頁標準化的話，你就不能只知道上面的方式囉。

因為使用 DreamWeaver 插入 SWF 檔時，它會使用 <object> <embed> 等非標準化的語法，而且語法非常的複雜難以管理（如下圖反白處）。

你看到了嗎？只為了一個簡單的 SWF 檔，就搞出一大堆的原始碼，而且還沒有達到標準化的要求，真是糟，有多糟呢？我想大多數的人都不知道，這支程式糟到連 Adobe 自己開發的，自己卻不想要用，所以，他們這次的網站改版放 SWF 檔也是用我們這次要介紹的 SWFObject （Adobe 網站大改版），連開發者自己都不想用，我們還在用，這有點好笑吧！

好啦！我們進入正題，什麼才要進入正題，那上面那一大堆的字在做什麼，嗯～沒辦法，我話太多了，我在想，以後是不是用錄的比較快。

如果你受不了了，想要馬上使用，只要三個步驟就搞定囉！
Setup1 - 請先下載 SWFObject.js 或是將整個 SWFObject 壓縮檔下載回去

Setup2 - 請將 SWFObject.js 放入你的網站資料夾

Setup3 - 將以下的 Code 放入你想出現 Flash 的地方即可


<script type="text/javascript" src="swfobject.js"></script>

<div id="mySWF">
        這裡是當瀏覽器不能播 Flash 時，放入你想出現的訊息。
</div>

<script type="text/javascript">
        swfobject.embedSWF("test.swf", "MySWF", "550", "400", "9.0.0");
</script>

很簡單吧！從需要一大堆的原始碼，變成那一點點的 xhtml & css & javascript 是不是比較容易觀看呢？待會咱們再來解釋它是怎麼運做的吧！

SWFObject 的語法非常的簡單易懂，以下我們就來看看它的使用方式吧～


swfobject.embedSWF(swfUrl, replaceElementId, swfWidth, swfHeight, flashVersion,expressInstallUrl, flashvars, params, attributes);
=========================================================
swfUrl ======> 這個要寫你的ＦＬＡＳＨ檔名；
replaceElementId ======> 這個是你要替換成 flash 的 DIV 的 ID 名稱；
swfWidth ======> 這個就是你的 swf 的寬度；
swfHeight ======> 這個就是你的 swf 的高度；
flashVersion  ======> 這個是播放 swf 的 player 版本，可設定至小數點，但是一般來說整數版本就可以囉；
expressInstallUrl ======> 這個很好用哦～這是當 Flash Player 的版本比你指定的還舊時，他就會自動地到上述的位置，更新安裝 Flash Player 。
flashvars ======> 這是傳值進 Flash 用的；
params  ======> 這是控制 Flash 參數用，如需不需要選單；menu="false" ；
attributes ======> 這是為 flash player 控件的屬性值設置；如 id: "myDynamicContent"

[+/-] : [設計相關] DVD常見格式 (DVD-5, DVD-9, DVD-10, DVD-18)

張貼者：蕃茄 (Tomato) 4 Comments

[+/-] : [好站分享] fontstruct 可以讓你自己設計字型哦!!

張貼者：蕃茄 (Tomato) 1 Comments

[+/-] : [設計相關 - 字體篇] 什麼是 OpenType

張貼者：蕃茄 (Tomato) 1 Comments

什麼是 OpenType、OpenType 又有什麼好處、為什麼要用 OpenType、 OpenType 與 TrueType 又有什麼不同...........等。

我想一般人看到 OpenType ，這種字體格式應該會有以上的問題吧！

我想太底層的東西就不用說了，因為我們也不是字體設計師或程式設計師之類的，那簡單的說，OpenType 是以 Unicode 為基礎，是由 Adobe 為主要開發者，而且是用來取代 Adobe Type 1 字體，也就代表 OpenType 對於 PostScript 的支援自然不在話下，再加上 OpenType 是可以跨平臺，所以自然也就很適合拿來需要轉換平臺或是設備（輸出）的平面設計師使用囉！而且 OpenType 拿來在螢幕上看也比 TrueType 來的更平滑漂亮，所以啊，不管是平面設計還是網頁設計甚至是視訊動畫.....等，Adobe 都極力的推薦使用 OpenType 格式的字體。

當然也有 TrueType 使用 Unicode 來重新開發的，只是 TrueType 的字庫（可以儲存的字數）先天就比 OpenType 來的少很多很多，也就造成一般需要另外安裝所謂的＂外字集＂，什麼是外字集，也就是打不出來的字都要用，例如：王建煊的煊，如果在 TrueType 的字 TrueType 的字型下，通常會出現空格，除了煊之外，還有喆、堃....等，都需要字集，但是如果你使用 OpenType 字型，就會比較少遇到這種缺字的情形囉！

另外啊，因為 OpenType 的字庫比較多，再加上它是新推出的當然也會有一些功能是 TrueType 所沒有的囉，像是＂字符＂這個好用又好玩的功能就是 TrueType 所沒有的，至於什麼是字符、又如何使用字符....等，請看另一篇文章，相信看完後，你一定會覺得早一點改用 OpenType 真是好處多多，至於 TrueType 我想這個＂阿公＂可以請它退休囉！

其他更詳細的請參考以下的網址：
- http://www.adobe.com/uk/type/opentype/index.html
- 以上出現的關鍵字都幫各位做好 Wikipedia 的連結，想要更了解的，請連上去看看吧！...
Read more