網頁編寫

#index.php 主要是登入第一個會看到 的頁面，並且也是輸入登入密碼的所 在；這裡使用 form 表單，並使用 post 模式來傳送密碼，把輸入的 key word 定義為密碼(password)模式，命名為 pawd，以便在密碼處理的頁面能夠使 用這些傳過來的資訊。上面所說的 POST 就是外部傳遞變數；一般 Server 端要取得 Client 端所輸入的資料都是 透過 HTML From 表單來傳送，而傳送 的方式（method）有 Get、Post 二種。

在使用上，只需要將 HTML Form 表單 中的 method 屬性等於 get 或是 post。

利用 Get 方式傳送資料時，是將資料直 接加在 URL 後；而 Post 方式傳送則是 先將資料轉成標準輸入，然後再傳 送。這樣就可以知道為什麼這裡的表 單要使用 POST，就是避免密碼讓別人 一看就清楚了然。而這邊也有一個小 細節要注意，就是一開始安裝的 PHP，裡頭有一個設定檔 php.ini，這裡

面有個參數 register_globals = Off 要改 成 On，否則變數是無法在網頁間傳遞 的。

首先，從主頁面傳過來的資訊，透過 變數，導引到密碼處理頁面；而上面 的程式碼，一開始先設定密碼為 12345

（這是簡易的作法，如果要多人登入 系統，就還要配合資料庫並且重新設 計頁面），等待從主頁面傳送過來的資 料，然後再進行比對，假使輸入的密 碼跟所設定的密碼相符合的話，就會 開啟資源展示的頁面；假使是輸入錯 誤的密碼，那麼頁面上就會顯示出＂

you type wrong＂的訊息，並且在經過 3 秒後重新整理頁面，把頁面轉向主頁 面。

接下來要設計的是資源展示網頁。資 源展示網頁，主要就是網站擁有者想 要呈現什麼樣的資源，都可以放在這 個頁面，而且只要透過簡單的排版和 HTML 語言的編寫，就可以動態的讓 播放多媒體的頁面載入，而不需要繁 複的輸入多媒體資源的來源位址；由 HTML 語言中可以看到，這是用很簡 單的 form 來完成的，只要替每個檔案 定義名稱，加入 form 的選項中，就可 以讓使用者選取並且播放。

先來看看第三行，<?echo

$mediafile”;?>這行是用來顯示目前播 放的檔案名稱，使用方法是透過變數 名稱，也就是之前在資源展示網頁所 點選的檔案名稱，這樣就可以很清楚 的告訴使用者，目前所播放的檔案是 屬於哪一個；再來是第七行，這是定 義播放程式的語法，使用的是微軟的 mediaplayer 插件，可以自行定義一些 參數，以下則是一些參數的介紹。

embed 是個很簡便的語法，可以用 來播放影音檔，通常它是用來播放 Windows Media Player 支援的格式，但 也可用來播放一些其他格式，只是要 注意更多細節，本文最後再略微提一 下這些其他格式，主要還是針對播放 Media Player 支援的格式來討論。(如 WMA、WMV、ASF、MPG、AVI)

<embed src=檔案位址>上面這便是 embed 最簡單、最簡潔的寫法，只要這 樣寫便可播放影音檔了，以下再開始 討論各注意事項及設定參數。

關於結束標籤：

通常語法標籤都是成對的，有開 始就有結束，有〈b〉就有〈/b〉，有

〈font〉就有〈/font〉。可是 embed 語 法可以不用寫〈/embed〉，完全不會有 任何影響，又省事。

關於尺寸：

如上的最簡潔寫法，尺寸可以完 全不設定，這是最理想的。播放音樂 檔時，會自動呈現一條完整的播放 Bar，如圖所示 (Windows Media Player 版本若不同播放 Bar 外觀也可能不

同)。播放影片時 (WMV、ASF、

MPG、AVI)，除了播放 Bar，還會以 影片的原始尺寸播放出畫面，畫面大

<embed src=檔案位址 width=寬度 height=高度>

無論設定任何尺寸，都是包含播放 Bar 也算在內的，試一下便可瞭解。

關於自動播放：

如上的最簡潔寫法，其預設就是 會自動播放。如果不想自動播放，加 入參數 autostart=false 即可，範例 如下：

<embed src=檔案位址 autostart=false>

關於循環播放：

如上的最簡潔寫法，其預設就是 不會循環播放的，就只播放一次。如 果要循環播放，加入參數 loop=true 即 可，範例如下：

<embed src=檔案位址 loop=true>

關於 Tracker：

如果加進這句參數

ShowTracker=false，播放 Bar 就會變成 像下圖那樣，應該有看出少了什麼東 西吧，就是會少了播放的進度 Bar。語 法範例如下：

<embed src=檔案位址 ShowTracker=false>

關於 Position Controls：

只要加入這句參數

ShowPositionControls=false，播放 Bar 就會變成如下圖那樣，看出少了什麼 東西了嗎？就是一些控制鈕都被隱藏 起來了語法範例如下：

<embed src=檔案位址 ShowPositionControls=false>

關於 Audio Controls：

就是有關於音量控制的參數，只 要加入這句參數

ShowAudioControls=false，控制音量的 tracker 跟靜音鈕都會消失。語法範例 如下：

<embed src=檔案位址 ShowAudioControls=false>

關於預設的音量大小： Volume=0，請注意，是等於「零」，不 是英文字母的大寫 O。播放時的情況 如下下圖，語法範例如下：

<embed src=檔案位址 Volume=0>

關於資訊視窗 (part 1)：

只要加進這句參數

ShowStatusBar=true，播放 Bar 下方便 會多出一行資訊視窗，如下圖。語法 範例如下：

<embed src=檔案位址 ShowStatusBar=true>

這個參數是非常實用的，因為這行資 數 ShowDisplay=true，會一口氣秀出 四行資訊，每行各秀出一種資訊，如 上圖。語法範例如下：

<embed src=檔案位址 ShowDisplay=true>

這個參數就比較無所謂了！因為這些

資訊，只要用上一個參數

ShowStatusBar=true 便可全部呈現出 來，而且是單行資訊，但是這裡用交 替出現的方式呈現所有資訊。有點顯 得這個 ShowDisplay=true 參數占空 間，一行顯示一種資訊，而最有用的

示，跟 ShowStatusBar=true 參數比起來 較不當！

EnableContextMenu=false 便可防止在 播放 Bar 或影片畫面上按右鍵。語法 範例如下：

<embed src=檔案位址 EnableContextMenu=false>

可是這語法有一點沒有什麼用，因為 數 hidden=true，整個播放面版就會 不見，什麼都看不到，但還是會播放 歌曲 (只要沒有取消自動播放)。語法 範例如下：

<embed src=檔案位址 hidden=true>

什麼東西都沒有，卻又會播放歌曲，

就跟最傳統的背景音樂語法

〈bgsound src=檔案位址〉很相似！

embed 加上 hidden=true 後，看不到播 放面版，也不會影響版面 (完全不佔

embed 加 hidden=true 就有串流功

能。有串流就比較好嗎？不見得！是 會比較快開始播放歌曲，但如果網路 繁忙或連線速度慢，播放就會斷斷續 續的。bgsound 語法要整首下載完才播 放，等比較久才聽的到，但開始播後

ASX、WPL 等，這樣就可以用一句 embed 語法播放多首歌曲。語法範例如 下：

<embed src=檔名.m3u>

當然，想這樣運用的話，就得多費心 思製作清單檔，影音檔跟清單檔上傳 時也要注意其相對位置都要擺正確。

並非所有電腦環境都支援播

放各式清單檔，如果 Windows Media Player 版本不夠新，可能就無法 播放一些清單檔。還有如果電腦預設 使用其他軟體來播放清單檔 (非 Media Player)，也可能無法支援用 embed 播放清單檔，得將檔案格式連結 預設用 Windows Media Player 來播放 MP3，很多人是預設 Foobar、

WinAmp...等等，總之只要不是預設 用 Media Player，embed 在播放 MP3

時，便會呼叫別的軟體來播放，如 QuickTime 或 Real Player，而這樣播放 面版都會很小，變成一定要設尺寸才 可以。只有電腦裡預設用 Media Player 播放 MP3，embed 才會呼叫 Media Player 來播放 MP3，也才會是那個熟 悉的 Media Player style 的播放面版，

各種設定也較為方便。語法範例如下：

<embed src=檔名.mp3>

播放 Flash 檔案 SWF：

embed 可以播放 SWF，事實上 SWF 好像一定要用 embed 才能播放出 來。要注意播放時一定要設定尺寸，

否則畫面會變成 200*200。語法範例如 下：

<embed src=檔名.swf width=寬度 height=高度>

播放 SWF 不會出現任何播放 BAR (除 Player，而且版本要夠新，最好是 6.3 以上，這樣才能看到用 embed 播的 MOV 或 QT 檔。另外，播放時一定要 設定尺寸，否則畫面會變很小。語法 範例如下：

<embed src=檔名.mov width=寬度 height=高度>

播放 MOV 或 QT 會有播放 Bar，是 QuickTime style 的播放 Bar，尺寸設 定亦是將播放 Bar 算在內的，多嘗試 幾次便能掌握合適的尺寸。

播放 Real 檔案： 句參數 autostart=true。圖示如下，整

個綜合起來語法範例如下：

<embed src=檔名.ram autostart=true width=寬度 height=高度>

還有一個秀出播放面版的語法

<embed src=檔名.ram autostart=true width=寬度 height=高度

controls=controlpanel>

再來說明播放 Real 影片。若用上

述的語法播 Real 影片，只能聽到 聲音，看不到畫面，要加上這句參數 controls=ImageWindow 才能看到畫 面。當然，尺寸還是要寫，關於自動 播放的設定也同上述。語法範例如下：

＜embed src=檔名.ram autostart=true width=寬度 height=高度

controls=ImageWindow＞

用這語法播放影片，畫面先是 Real Player 的 Mark，下方會顯示檔案下載

進度，開始播放後就只有畫面，沒有

controls=ImageWindow 參數播出畫 面，沒有控制面版。下面那組語法不 要多加參數 (或是加入

controls=controlpanel )，就只有控制面 版，看不到畫面。然後兩組語法都要 加入一個重要參數 console=_master，

兩組語法的播放才會同步並互相關 連，操作下面那組語法的面版亦可控 制上面那組語法的播放。語法範例如 下：

＜embed src=檔名.ram autostart=true width=影片畫面寬度 height=影片畫面 高度 controls=ImageWindow

console=_master＞

〈br〉

＜embed src=檔名.ram autostart=true width=播放面版寬度 height=播放面版 高度 controls=controlpanel

console=_master＞

上面這範例，兩組 embed 語法以 及〈br〉之間都有換行讓它呈現的更清 楚，自行編寫的時候請把它們通通連 起來成為一行很長的語法，這樣呈現 出來的才會如下圖，畫面下面緊接著 是控制面版。如果像上面範例這樣有 換行，畫面跟控制面版之間會有空行 間隔出現。