201106080236[欄位][書籤][DIY]新!!彈出式不斷電音樂電台點播鈕+新版列表播放!!

https://7.share.photo.xuite.net/frank.hgs/1700b45/1210720/189034213_x.jpg
不斷電音樂電台點播
Frank的雜記

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

簡介

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

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

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

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

 

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

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

 

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

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

 


加入欄位或書籤

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

更新(2011/6/8)

 

新!!不斷電音樂電台點播
∞ 中廣流行網 ∞ ∞ 中廣音樂網 i radio ∞ ∞ 佳音現代聖樂網 ∞ ∞ 全國廣播音樂網 ∞ ∞ HitFM聯播網 北部 ∞ ∞ E-Classical 台北愛樂 ∞ ∞ RTI央廣 音樂 ∞ ∞ 奇美古典音樂網 ∞ ∞ 列表撥放視窗!! ∞
安裝電台點播 @ Frank的雜記

 

新版代碼:

可貼上其他 html 做編輯測試!!

 

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

更新(2010/1/17)

 


by Frank的雜記

 

代碼:

可貼上其他 html 做編輯測試!!

 

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

 

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

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

 


這裡 Frank 保留原本舊代碼

 

彈出式不斷電音樂電台點播
∞ 中廣流行網 ∞∞ 中廣音樂網 i radio ∞∞ 佳音 CCM ∞∞ 全國廣播音樂網 ∞∞ 台北之音經典音樂台 ∞∞ 台北愛樂 ∞∞ 台灣之音-音樂 ∞∞ 奇美古典音樂網 ∞
安裝電台點播 @ Frank的雜記

 

原舊代碼:

可貼上其他 html 做編輯測試!!

 

友情提示:

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

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

 

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

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

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

 


代碼說明

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

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

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

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

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

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

Frank 提供用的到的圖示:

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/33.png 33.png (PNG 圖片,16x16 像素)

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

 

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/43.png 43.png (PNG 圖片,16x16 像素)

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

 

http://funplay.hinet.net/funplay/images/bt_play.gif bt_play.gif (GIF 圖片,16x16 像素)

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

 

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/13.png 13.png (PNG 圖片,16x16 像素)

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

 

http://bgm.music.hinet.net/bgm/images/ico_music.gif ico_music.gif (GIF 圖片,19x27 像素)

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

 

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/38.png 38.png (PNG 圖片,31x31 像素)

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

 

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/28.png 28.png (PNG 圖片,31x31 像素)

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

 

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/25143665/29.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)

<音樂>

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

 

<生活資訊>

∞ ASIAFM 亞太電台 ∞ > 295 | ASIAFM 亞太電台 > mms://bcr.media.hinet.net/RA000002
∞ ASIAFM 亞州電台 ∞ > 210 | ASIAFM 亞州電台 > mms://bcr.media.hinet.net/RA000003
∞ EZ Radio 宜蘭中山電台 ∞ > 301 | EZ Radio 宜蘭中山電台 > mms://bcr.media.hinet.net/RADRM065
∞ GOLDFM 台中城市廣播 ∞ > 226 | GOLDFM 台中城市廣播 > mms://bcr.media.hinet.net/RA000028
∞ GOLDFM 台北健康電台 ∞ > 229 | GOLDFM 台北健康電台 > mms://bcr.media.hinet.net/RA000027
∞ IC之音 ∞ > 148 | IC之音 > mms://bcr.media.hinet.net/RA000037
∞ needs RADIO 信義之聲 ∞ > 1060 | needs RADIO 信義之聲 > mms://bcr.media.hinet.net/RADRM039
∞ uni radio 環宇電台 ∞ > 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

 

<新聞>

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

 

<綜合>

∞ RTI央廣 國語 ∞ > 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

 

<外語>

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

 

<多元文化>

∞ BestRadio 南方之音 ∞ > 1170 | BestRadio 南方之音 > mms://bcr.media.hinet.net/RADRM044
∞ igo 531 ∞ > 160 | igo 531 > mms://bcr.media.hinet.net/RA000006
∞ Nice923 宜蘭生活廣播 ∞ > 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
∞ 崑山科大 EKHO Radio迴音線上 ∞ > 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

回應
Frank的雜記百寶箱!!

歡 迎 光 臨 最 發 燒 文 熱 門 搜 尋 代 碼 測 試 最 新 回 應

    RSS 2.0 訂閱全文輸出文章 frank  的分享項目 Google+ Frank 的 Facebook -歡迎加友喔!! Follow Frank on Twitter Frank 在噗浪 Manatalk 開啟部落軌道!!
    連到Frank的抓火狐推薦頁! 免費下載「Google 地球」 交通部臺灣區國道高速公路局 PDA版 Google Maps 多功能地圖 線上電子地圖-大合集!! 台灣地標總合 Frank的雜記-地標集 雜記紀錄
    累積 | 今日
      沒有新回應!
add
Google+
專頁


個人

Facebook

交換連結
統計分析管理
部落格觀察部落格: 第 61 次藍眼觀注
Sitetag
Related Posts with Thumbnails





Powered by Xuite