Frank的雜記

彈出式不斷電音樂電台點播鈕

簡介

Frank 自製此鈕已經使用很~~久囉!!必定點擊收聽!

最近網友剛好提起! Frank 是如何製作的!?

Frank 想說既然要說明作法!那不如寫篇文章來分享囉!

讓整個彈出式不斷電音樂電台點播按鈕的作法更清楚明瞭!!

 

這是一個在欄位自助式的電台點播按鈕

想聽就點!不需安裝既可使用!!

 

這之所以稱為"不斷電"是不會因為變更瀏覽頁面

而導致需重新讀取或需特定頁面才能收聽的困擾!!

 

---

加入欄位或書籤

以下提供的是 Frank 欄位裡的電台點播按鈕代碼

更新(2011/6/8)

 

新!!不斷電音樂電台點播

安裝電台點播 @ Frank的雜記

 

新版代碼:
<center><b><span title="可拖曳按鈕至書籤列或右鍵加至最愛/列" alt="可拖曳按鈕至書籤列或右鍵加至最愛/列">新!!不斷電音樂電台點播</span></b><br/><a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=205','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ 中廣流行網 ∞" alt="∞ 中廣流行網 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=206','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ 中廣音樂網 i radio ∞" alt="∞ 中廣音樂網 i radio ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=340','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ 佳音現代聖樂網 ∞" alt="∞ 佳音現代聖樂網 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=338','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ 全國廣播音樂網 ∞" alt="∞ 全國廣播音樂網 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=222','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ HitFM聯播網 北部 ∞" alt="∞ HitFM聯播網 北部 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=228','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ E-Classical 台北愛樂 ∞" alt="∞ E-Classical 台北愛樂 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=313','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ RTI央廣 音樂 ∞" alt="∞ RTI央廣 音樂 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=294','',',width=361,height=202,resizable=no'));"><img src="http://funplay.hinet.net/funplay/images/bt_play.gif" title="∞ 奇美古典音樂網 ∞" alt="∞ 奇美古典音樂網 ∞" border="0" /></a> <a href="javascript:void(window.open('http://hosting.gmodules.com/ig/gadgets/file/101367264045766006596/frank-nostopmusic.htm','',',width=200,height=200,resizable=yes'));"><img src="http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/33.png" title="∞ 列表撥放視窗!! ∞" alt="∞ 列表撥放視窗!! ∞" border="0" /></a><br /><span style="font-size: 8pt;"><a target="_blank" href="http://blog.xuite.net/frank.hgs/GE/22729760">安裝電台點播</a> @ <a target="_blank" href="http://blog.xuite.net/frank.hgs/GE">Frank的雜記</a></span></center>
複製代碼 可貼上其他 html 做編輯測試!!

 

 mms + 彈出視窗列表播放版本自動更新(Frank 版本更新時)!!

更新(2010/1/17)

 

by Frank的雜記

 

代碼:
<center><iframe src="http://hosting.gmodules.com/ig/gadgets/file/101367264045766006596/frank-nostopmusic.htm" scrolling="no" frameborder="0" height="200" width="200"></iframe><br /><a href="http://blog.xuite.net/frank.hgs/GE/22729760"target="_blank"><span style="font-size: 8pt;">by Frank的雜記</span></a></center>
複製代碼 可貼上其他 html 做編輯測試!!

 

以上更新列表與按鈕皆可拖曳按鈕至書籤列或右鍵加至最愛/列!!

 

以下這樣的設定或許你會喜歡!!

相關文章:
[Firefox][Chrome]自訂常用的功能為一顆/列按鈕 (網址,書籤,推貼文,Google所有服務,離哩扣摳...等) @ Frank的雜記 :: 隨意窩 Xuite日誌

 

---

這裡 Frank 保留原本舊代碼

 

彈出式不斷電音樂電台點播

安裝電台點播 @ Frank的雜記

 

原舊代碼:
<center>彈出式不斷電音樂電台點播<br/><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=205','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 中廣流行網 ∞" alt="∞ 中廣流行網 ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=206','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 中廣音樂網 i radio ∞" alt="∞ 中廣音樂網 i radio ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=340','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 佳音 CCM ∞" alt="∞ 佳音 CCM ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=338','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 全國廣播音樂網 ∞" alt="∞ 全國廣播音樂網 ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=222','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 台北之音經典音樂台 ∞" alt="∞ 台北之音經典音樂台 ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=228','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 台北愛樂 ∞" alt="∞ 台北愛樂 ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=313','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 台灣之音-音樂 ∞" alt="∞ 台灣之音-音樂 ∞" border="0" /></a><a onclick="window.open('http://hichannel.hinet.net/player/radio/index.jsp?radio_id=294','',',top=210,left=180,width=361,height=177,resizable=no')" href="javascript://"><img src="http://bgm.music.hinet.net/bgm/images/ico_music.gif" title="∞ 奇美古典音樂網 ∞" alt="∞ 奇美古典音樂網 ∞" border="0" /></a><br /><span style="font-size: 8pt;"><a target="_blank" href="http://blog.xuite.net/frank.hgs/GE/22729760">安裝電台點播</a> @ <a target="_blank" href="http://blog.xuite.net/frank.hgs/GE">Frank的雜記</a></span></center>
複製代碼 可貼上其他 html 做編輯測試!!

 

友情提示:

可反覆測試依喜好修改或增減效果從簡潔到華麗功能直至滿意結果!

可能的話請保留代碼內本篇連結以便其他朋友查詢喔!

 

其實代碼裡彈出視窗並無特別的技術!!

在一般 HTML 效果教學網頁裡搜索大多都查詢的到!

Frank 只是結合電台上的應用罷了!!

 

---

代碼說明

在這裡 Frank 說明一下代碼內容!!

radio_id=***,
-為對應下方列表的電台代碼編號

top=***,left=***,width=***,height=***,
-為彈出視窗位置與視窗大小

title="***"
-為滑鼠指標停留於圖示上的電台連結說明

alt="***"
-為圖片失連時的輔助說明
(但舊版本 IE 瀏覽器卻用來當作連結說明使用XD!!所以就照 title 的內容填寫囉!!)

img src="http://***"
-為顯示的圖示網址(確保圖示穩定!請自行上傳加入圖示連結!!)

Frank 提供用的到的圖示:

33.png (PNG 圖片，16x16 像素)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/33.png

 

43.png (PNG 圖片，16x16 像素)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/43.png

 

bt_play.gif (GIF 圖片，16x16 像素)

http://funplay.hinet.net/funplay/images/bt_play.gif

 

13.png (PNG 圖片，16x16 像素)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/13.png

 

ico_music.gif (GIF 圖片，19x27 像素)

http://bgm.music.hinet.net/bgm/images/ico_music.gif

 

38.png (PNG 圖片，31x31 像素)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/38.png

 

28.png (PNG 圖片，31x31 像素)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/28.png

 

29.png (PNG 圖片，57x31 像素)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/29.png

 

---

 

台灣網路廣播電台分類列表 - 各電台代碼編號連結

Frank 在此列出 HiNet hiChannel 的 radio_id 電台代碼編號與 mms 連結:

更新(2011/6/11)

<音樂>

> 248 | AppleLine 蘋果線上 > mms://bcr.media.hinet.net/RA000001
> 321 | ASIAFM 衛星音樂台 > mms://bcr.media.hinet.net/RA000004
> 211 | BestRadio 台中好事 > mms://bcr.media.hinet.net/RA000010
> 212 | BestRadio 台北好事 > mms://bcr.media.hinet.net/RA000013
> 303 | BestRadio 花蓮好事 > mms://bcr.media.hinet.net/RA000011
> 213 | BestRadio 高雄港都 > mms://bcr.media.hinet.net/RADRM012
> 1001 | BravoFM 台北都會休閒音樂台 > mms://bcr.media.hinet.net/RADRM081
> 1120 | Classical 台中古典音樂台 > mms://bcr.media.hinet.net/RADRM041
> 228 | E-Classical 台北愛樂 > mms://bcr.media.hinet.net/RA000018
> 357 | Flyradio 飛揚調頻 > mms://bcr.media.hinet.net/RA000019
> 88 | HitFM聯播網 中部 > mms://bcr.media.hinet.net/RA000035
> 222 | HitFM聯播網 北部 > mms://bcr.media.hinet.net/RA000036
> 90 | HitFM聯播網 南部 > mms://bcr.media.hinet.net/RA000034
> 156 | KISS RADIO 大眾廣播電台 > mms://bcr.media.hinet.net/RA000040
> 308 | KISS RADIO 網路音樂台 > mms://bcr.media.hinet.net/RA000042
> 370 | POP Radio 台北流行音樂電台 > mms://bcr.media.hinet.net/RA000080
> 313 | RTI央廣 音樂 > mms://bcr.media.hinet.net/RA000061
> 205 | 中廣流行網 i like > mms://bcr.media.hinet.net/RA000009
> 206 | 中廣音樂網i radio > mms://bcr.media.hinet.net/RA000007
> 289 | 太陽電台 > mms://bcr.media.hinet.net/RA000064
> 338 | 全國廣播音樂網 > mms://bcr.media.hinet.net/RA000047
> 340 | 佳音現代聖樂網 > mms://bcr.media.hinet.net/RA000031
> 294 | 奇美古典音樂網 > mms://bcr.media.hinet.net/RA000014

 

<生活資訊>

> 295 | ASIAFM 亞太電台 > mms://bcr.media.hinet.net/RA000002
> 210 | ASIAFM 亞州電台 > mms://bcr.media.hinet.net/RA000003
> 301 | EZ Radio 宜蘭中山電台 > mms://bcr.media.hinet.net/RADRM065
> 226 | GOLDFM 台中城市廣播 > mms://bcr.media.hinet.net/RA000028
> 229 | GOLDFM 台北健康電台 > mms://bcr.media.hinet.net/RA000027
> 148 | IC之音 > mms://bcr.media.hinet.net/RA000037
> 1060 | needs RADIO 信義之聲 > mms://bcr.media.hinet.net/RADRM039
> 282 | uni radio 環宇電台 > mms://bcr.media.hinet.net/RA000020
> 109 | 大千電台 > mms://bcr.media.hinet.net/RA000067
> 325 | 大愛網路電台 > mms://bcr.media.hinet.net/RADRM017
> 1143 | 古都電台 > mms://bcr.media.hinet.net/RADRM085
> 202 | 全國廣播 > mms://bcr.media.hinet.net/RA000068
> 250 | 佳音經典音樂網 > mms://bcr.media.hinet.net/RA000030
> 201 | 佳音電台 > mms://bcr.media.hinet.net/RA000029
> 232 | 飛碟電台 > mms://bcr.media.hinet.net/RA000072
> 217 | 真心之音廣播電台 > mms://bcr.media.hinet.net/RA000033
> 208 | 臺北廣播電臺 都會資訊頻道 > mms://bcr.media.hinet.net/RADRM070
> 238 | 臺北廣播電臺 喔海洋頻道 > mms://bcr.media.hinet.net/RADRM069

 

<新聞>

> 187 | NEWS98新聞網 > mms://bcr.media.hinet.net/RA000073
> 207 | 中廣新聞網 > mms://bcr.media.hinet.net/RA000008

 

<綜合>

> 315 | RTI央廣 國語 > mms://bcr.media.hinet.net/RA000063
> 1080 | 台灣之聲 > mms://bcr.media.hinet.net/RADRM046
> 1020 | 正義電台 > mms://bcr.media.hinet.net/RA000022
> 317 | 正聲 台北調幅台 > mms://bcr.media.hinet.net/RA000015
> 198 | 正聲 台北調頻台 > mms://bcr.media.hinet.net/RA000016
> 286 | 復興廣播電台 第一網 > mms://bcr.media.hinet.net/RADRM024
> 287 | 復興廣播電台 第二網 > mms://bcr.media.hinet.net/RA000025
> 288 | 復興廣播電台 短波網 > mms://bcr.media.hinet.net/RA000026
> 281 | 漢聲光華網 中波 > mms://bcr.media.hinet.net/RA000075
> 309 | 漢聲光華網 短波 > mms://bcr.media.hinet.net/RA000077
> 215 | 漢聲廣播電台 > mms://bcr.media.hinet.net/RA000074
> 216 | 漢聲廣播電台 全國調頻網 > mms://bcr.media.hinet.net/RA000076
> 327 | 綠色和平台灣文化廣播電台 > mms://bcr.media.hinet.net/RA000032

 

<外語>

> 177 | ICRT > mms://bcr.media.hinet.net/RA000038
> 312 | RTI央廣 FM > mms://bcr.media.hinet.net/RA000060
> 311 | RTI央廣 亞洲頻道 > mms://bcr.media.hinet.net/RA000059
> 314 | RTI央廣 歐美及方言 > mms://bcr.media.hinet.net/RA000062

 

<多元文化>

> 1170 | BestRadio 南方之音 > mms://bcr.media.hinet.net/RADRM044
> 160 | igo 531 > mms://bcr.media.hinet.net/RA000006
> 1180 | Nice923 宜蘭生活廣播 > mms://bcr.media.hinet.net/RADRM086
> 300 | 大漢之音 > mms://bcr.media.hinet.net/RADRM021
> 162 | 中廣寶島網 > mms://bcr.media.hinet.net/RA000005
> 1140 | 快樂聯播網－台北 > mms://bcr.media.hinet.net/RADRM082
> 1142 | 快樂聯播網－高雄 > mms://bcr.media.hinet.net/RADRM084
> 1141 | 快樂聯播網－嘉義 > mms://bcr.media.hinet.net/RADRM083
> 356 | 青春線上 > mms://bcr.media.hinet.net/RA000079
> 1040 | 非凡音電台 > mms://bcr.media.hinet.net/RADRM071
> 298 | 高屏溪客家廣播電台 > mms://bcr.media.hinet.net/RADRM045
> 1203 | 崑山科大 EKHO Radio迴音線上 > mms://bcr.media.hinet.net/RADRM087
> 254 | 新客家廣播電台 > mms://bcr.media.hinet.net/RADRM048
> 241 | 寶島客家廣播電台 > mms://bcr.media.hinet.net/RADRM023
> 259 | 寶島新聲廣播電台 > mms://bcr.media.hinet.net/RA000066

 

<交通>

> 1103 | 警廣 台中台 > mms://bcr.media.hinet.net/RADRM053
> 1101 | 警廣 台北台 > mms://bcr.media.hinet.net/RADRM050
> 1108 | 警廣 台東台 > mms://bcr.media.hinet.net/RADRM058
> 1104 | 警廣 台南台 > mms://bcr.media.hinet.net/RADRM054
> 1100 | 警廣 全國交通網 > mms://bcr.media.hinet.net/RADRM049
> 1106 | 警廣 宜蘭台 > mms://bcr.media.hinet.net/RADRM057
> 1107 | 警廣 花蓮台 > mms://bcr.media.hinet.net/RADRM056
> 1109 | 警廣 長青網 > mms://bcr.media.hinet.net/RADRM051
> 1105 | 警廣 高雄台 > mms://bcr.media.hinet.net/RADRM055
> 1102 | 警廣 新竹台 > mms://bcr.media.hinet.net/RADRM052

 

---

 

Frank 保留原本舊電台列表

(注意!!此處代碼已有部分已失連或修改囉!!)

----音樂類電台----
321=======>ASIAFM衛星音樂台
248=======>Apple line 蘋果線上
211=======>BestRadio台中好事903
212=======>BestRadio台北好事989
303=======>BestRadio花蓮好事935
213=======>BestRadio高雄港都983
357=======>Flyradio飛揚調頻895
88=======>HitFm聯播網台中91.5
90=======>HitFm聯播網高雄90.1
87=======>HitFm聯播網台北91.7
258=======>KISSRadio南投廣播
255=======>KISSRadio台南知音廣播
256=======>KISSRadio大苗栗廣播
156=======>KISSRadio大眾廣播電台
308=======>KISSRadio網路音樂台
162=======>中廣古典網(中廣寶島網)
205=======>中廣流行網
206=======>中廣音樂網i radio
340=======>佳音CCM
338=======>全國廣播音樂網
222=======>台北之音經典音樂台
228=======>台北愛樂
313=======>台灣之音-音樂
289=======>太陽電台
294=======>奇美古典音樂網
259=======>寶島新聲廣播電台
----生活類電台----
295=======>ASIA FM92.3亞太電台
210=======>ASIA FM92.7亞州電台
226=======>GOLD FM-台中城市廣播
229=======>GOLD FM-台北健康電台
148=======>IC之音
201=======>佳音廣播電台
250=======>佳音電台2台
202=======>全國廣播
230=======>台中廣播
208=======>台北廣播電台都會資訊
238=======>台北廣播電台喔海洋
319=======>台視數位廣播
109=======>大千電台
325=======>大愛網路電台
301=======>宜蘭中山電台
282=======>環宇廣播
217=======>真心之音廣播電台
337=======>蒲公英聖樂網
271=======>警廣長青網
356=======>青春線上
232=======>飛碟電台
----新聞類電台----
187=======>NEWS98新聞網
207=======>中廣新聞網
----綜合類電台----
315=======>台灣之音-華語
288=======>復興廣播電台 短波網
286=======>復興廣播電台 第一網
287=======>復興廣播電台 第二網
317=======>正聲台北調幅台
198=======>正聲台北調頻台
281=======>漢聲光華網-中波
309=======>漢聲光華網-短波
215=======>漢聲廣播電台
216=======>漢聲廣播電台全國調頻網
327=======>綠色和平台灣文化廣播電台
----外語類電台----
177=======>ICRT
312=======>台灣之音-FM
311=======>台灣之音-亞洲
314=======>台灣之音-歐美及方言
----多元文化類電台----
160=======>中廣客家頻道
300=======>大漢之音
241=======>寶島客家
254=======>新客家廣播電台
298=======>高屏溪客家電台
----交通類電台----
358=======>警廣—交通網台東台
269=======>警廣全國交通網
260=======>警廣台中台
261=======>警廣台北台
263=======>警廣台南台
265=======>警廣宜蘭台
268=======>警廣新竹台
266=======>警廣花蓮台
267=======>警廣高雄台

祝各位聆賞愉悅!設置順利成功!!

 

---

 

最新更新列表:

http://hichannel.hinet.net/old/xml/radioList.jsp

 

---

 

文章原發表日期:2009-03-11 01:11:25