December 10,2006

[科技‧新知] 網路電台教學step by step‧exobud篇

Bookmark: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl Bookmark to:YouPush Bookmark to:你推我報
會寫這篇的原因,主要是考量到使用Windows Media Player的聽眾,
因為先前所介紹的SHOUTcast的收聽按鈕,並不支援.pls的檔案,
為了聽眾著想,網頁上有個播放器多方便啊XDD


其實方法很簡單,只是運用了很常見的exobud播放器和框架的語法而已啦:)
註:這是IE only的語法!Firefox使用者不適用...首先請下載這個檔案:http://tinyurl.com/2b6x9z
請將它解壓縮在C:\AppServ\www\
確定有index.html和exobud資料夾。
同時請將同個資料夾下的index.php刪除或更名。


再來請用記事本打開index.html
將電台名稱修改成你的電台名稱(例如:TRX的小世界)
電台網址則修改成你的IP或是網址(例如:nccuit.imtrx.net),:8000則留著就好。



接下來進到資料夾exobud,用記事本打開exobudpl.js
直接看到最下面,一樣修改電台名稱和電台網址



接下來請在網址列打入http://電台網址
就可以看到像下面這樣的畫面,同時電台也會自動播放囉:)



ps.不要自動播放的請修改exobudset.js裡的var blnAutoStart變數,把true改成false。
tingyutony at PIXNET | 12:14 AM | Comments(10) | Trackback(0) | Hits(781) | 科技‧新知

Trackback URL


open trackbacks list Trackbacks (0)

Comments(10)

COMMENT:
請教版主~這項設定我照您的方法去做,開啟我的電台網頁後還是沒有那一條框框...因為我C槽並沒有你說的這個路徑"C:\AppServ\www",所以我就自己新增資料夾,還是說要安裝軟體嗎?
Post by Barry911 at 15/03/2007 22:33:03

COMMENT:
關於這個問題
是因為你沒有安裝AppServ這支程式
也就是網頁伺服器:)

請找AppServ篇
有簡單的安裝教學
Post by TTY at 16/03/2007 02:25:31

COMMENT:
為什麼我有安裝AppServ
也照上面的步驟做了
出來的網頁還是沒有播放器啊??
Post by cloud49 at 02/04/2007 20:51:25

COMMENT:
你有沒有加“:8000”??
不要加喔
還有如果你是在分享器下上網
也要開port 80
才會看的到
Post by TTY at 02/04/2007 23:59:42

COMMENT:
http://yeah.servemp3.com

我一直出現上面網址那畫面
幫忙找一下問題在哪
謝謝
Post by yeah at 04/05/2007 04:45:24

COMMENT:
http://yeah.servemp3.com:8000/

在你的網址後面加上 :8000
就可以囉
我有試聽一下
很ok喔:)
Post by TTY at 04/05/2007 09:08:00

COMMENT:
是可以聽
但是沒有播放器
不知道是哪邊出差錯 囧>
Post by yeah at 05/05/2007 04:07:28

COMMENT:

沒有播放器是正常的啊

如果你希望
http://yeah.servemp3.com
出現播放器

就確定 C:\AppServ\www\
這裡要有 index.html和exobud資料夾
(index.html 是我提供的,你應該有用記事本修改過)

也許你漏了這步
把這網頁看到的從頭來過試試?
Post by TTY at 05/05/2007 11:14:21

COMMENT:
嗯 都有了
我照著你上面步驟做
但是點出來就是跑出一個奇怪的網頁~"~

The AppServ Open Project - 2.5.7 for Windows

↑↑↑
這是標題 下面還有一些連結... 囧>
Post by yeah at 07/05/2007 00:02:07

COMMENT:
我也跟上面的一樣>"
-----
Post by miyano at 18/09/2007 19:57:53

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment