За последние 24 часа нас посетили 19128 программистов и 1640 роботов. Сейчас ищут 987 программистов ...

internet radio gadget визуалное оформление

Тема в разделе "PHP для новичков", создана пользователем vovka1021, 3 дек 2011.

  1. vovka1021

    vovka1021 Активный пользователь

    С нами с:
    3 дек 2011
    Сообщения:
    2
    Симпатии:
    0
    помогите доделать, вернее доисправить гаджет
    вот исходник RadioCenter.v1.0.7 [​IMG]

    вот мой вариант [​IMG]

    как сделать чтобы при выборе станции появлялся и ее логотип? (в моем варианте это диапазон вещяния)

    кто сможет помочь новичку???

    просто я непонимаю алгоритма вставки

    адрес потока|название станции|битрейд|домашняя страница станции| <= как сюда вставить логотип станции, и чтобы он отображался в гаджете

    http://broadcast02.station.ru/montecarlo|Монте-Карло|64|montecarlo.ru|
    logotip \Монте-Карло.png

    radio.js
    Код (Text):
    1.  
    2. var updateTimer;
    3. var TimerOnCount;
    4. var oldVol;
    5.  
    6. window.onload = function()
    7. {
    8. if (System.Gadget.Settings.read('skin') == "") System.Gadget.Settings.write('skin', 'default.png');
    9. document.body.style.backgroundImage = "url(images/skin/" + System.Gadget.Settings.read('skin') + ")";
    10.  
    11. if (System.Gadget.Settings.read("stationURL") == "" && System.Gadget.Settings.read("stationName") == "")
    12. {
    13. var fs = new ActiveXObject("Scripting.FileSystemObject");
    14. var ts = fs.OpenTextFile(System.Gadget.path + "\\" + navigator.systemLanguage + "\\stations.txt", 1, -1);
    15. var ini = "";
    16. ini = ts.ReadAll();
    17. ts.Close();
    18.  
    19. for (i = 1; i < 5; i++) {
    20. var lines=ini.split('\n');
    21. var str = lines[i];
    22. str = str.replace("\r","");
    23.  
    24. var str = str.split('|');
    25. var url = str[0];
    26. var name = str[1];
    27. var stream = str[2];
    28. var weburl = str[3];
    29.  
    30. var str2 = lines[i+1];
    31. str2 = str2.replace("\r","");
    32. var str2 = str2.split('|');
    33. var name2 = str2[1];
    34.  
    35. if (name != name2) break;
    36. }
    37.  
    38. System.Gadget.Settings.write("stationURL", url);
    39. System.Gadget.Settings.write("stationName", name);
    40. System.Gadget.Settings.write("stationStream", stream);
    41. System.Gadget.Settings.write("stationWeb", weburl);
    42. }
    43.  
    44. var currentURL  = System.Gadget.Settings.read("stationURL");
    45. var currentName = System.Gadget.Settings.read("stationName");
    46. var currentStream = System.Gadget.Settings.read("stationStream");
    47.  
    48.  
    49. mediaPlayer.settings.volume = 100;
    50.  
    51. controlSpeaker.src = "images/speaker_on.png";
    52. controlImage.src = "images/play.png";
    53.  
    54. mediaPlayer.url = currentURL;
    55.  
    56. System.Gadget.Settings.write("AutoReconnect", 1);
    57.  
    58.  
    59. System.Gadget.settingsUI = "Settings.html";
    60. System.Gadget.onSettingsClosed = SettingsClosed;
    61. }
    62.  
    63. function SettingsClosed()
    64. {
    65. document.body.style.backgroundImage = "url(images/skin/" + System.Gadget.Settings.read('skin') + ")";
    66.  
    67. StationNameScroll("");
    68.  
    69. mediaPlayer.url = System.Gadget.Settings.read("stationURL");
    70.  
    71. controlImage.src = "images/play.png";
    72. PlayPause();
    73. }
    74.  
    75. function PlayPause()
    76. {
    77. if(controlImage.src == "x-gadget:///images/pause.png")
    78. {
    79. clearTimeout(TimerOnCount);
    80. StationNameScroll("");
    81. controlImage.src = "images/play.png";
    82. mediaPlayer.controls.stop();
    83. }
    84. else
    85. {
    86. controlImage.src = "images/pause.png";
    87. mediaPlayer.controls.play();
    88. }
    89. }
    90.  
    91. function speakeronoff()
    92. {
    93. if(controlSpeaker.src == "x-gadget:///images/speaker_on.png"){
    94. oldVol = mediaPlayer.settings.volume;
    95. controlSpeaker.src = "images/speaker_off.png"
    96. mediaPlayer.settings.volume=0;
    97. }
    98. else
    99. {
    100. controlSpeaker.src = "images/speaker_on.png"
    101. mediaPlayer.settings.volume = oldVol;
    102. }
    103. }
    104.  
    105. function playStateChange(newstate)
    106. {
    107. link.style.visibility = "hidden";
    108. logotip_radio.style.visibility = "hidden";
    109. logotip_radio1.style.visibility = "hidden";
    110.  
    111. switch (newstate){
    112. case 1: // Stopped Остановлено
    113. clearTimeout(updateTimer);
    114. SetStatus(lng_PlayerCommand["Stopped"]);
    115. StationNameScroll("");
    116. updateTimer = self.setTimeout('Reconnect();', 1000*5);
    117. //controlImage.src = "images/play.png";
    118. logotip_radio.style.visibility = "visible";
    119. break;
    120.  
    121. case 2: // Pause Пауза
    122. SetStatus(lng_PlayerCommand["Pause"]);
    123. controlImage.src = "images/play.png";
    124. break;
    125.  
    126. case 3: // Playing
    127. SetStatus(System.Gadget.Settings.read("stationStream") + SpeedUnit);
    128. controlImage.src = "images/pause.png";
    129. StationNameScroll(System.Gadget.Settings.read("stationName"));
    130. link.style.visibility = "visible";
    131. logotip_radio1.style.visibility = "visible";
    132. break;
    133.  
    134. case 6: // Buffering Буферизация
    135. SetStatus(lng_PlayerCommand["Buffering"]);
    136. clearTimeout(updateTimer);
    137. updateTimer = self.setTimeout('Reconnect();', 1000*5);
    138. break;
    139.  
    140. case 7: // Waiting Подождите
    141. SetStatus(lng_PlayerCommand["Waiting"]);
    142. break;
    143.  
    144. case 8: // Media Ended Закончено
    145. SetStatus(lng_PlayerCommand["Media Ended"]);
    146. controlImage.src = "images/play.png";
    147. break;
    148.  
    149. case 9: // Transitioning Подключение
    150. SetStatus(lng_PlayerCommand["Transitioning"]);
    151. break;
    152.  
    153. case 10: // Ready Готово
    154. clearTimeout(TimerOnCount);
    155. StationNameScroll("");
    156. SetStatus(lng_PlayerCommand["Ready"]);
    157. controlImage.src = "images/play.png";
    158. logotip_radio.style.visibility = "visible";
    159. break;
    160. }
    161. }
    162.  
    163. function SetStatus(strStatus)
    164. {
    165. // if (strStatus.indexOf('(') > -1) strStatus = strStatus.substring(strStatus.indexOf('(') + 1, strStatus.indexOf(' ',strStatus.indexOf('(') + 1)) + SpeedUnit;
    166.  
    167. statusText.innerHTML = strStatus;
    168. }
    169.  
    170. function mousewheelVolume()
    171. {
    172. if (event.wheelDelta >= 10)
    173. mediaPlayer.settings.volume = mediaPlayer.settings.volume += 1;
    174. else if (event.wheelDelta <= -10)
    175. mediaPlayer.settings.volume = mediaPlayer.settings.volume -= 1;
    176. Volume.innerText = mediaPlayer.settings.volume + "%";
    177. }
    178.  
    179. function VolumeUp ()
    180. {
    181. mediaPlayer.settings.volume = mediaPlayer.settings.volume += 1;
    182. Volume.innerText = mediaPlayer.settings.volume + "%";
    183. }
    184. function VolumeDown ()
    185. {
    186. mediaPlayer.settings.volume = mediaPlayer.settings.volume -= 1;
    187. Volume.innerText = mediaPlayer.settings.volume + "%";
    188. }
    189. function mouseOverUp() { document.up.src ="images/volumeup_over.png"; }
    190. function mouseUp(){ document.up.src ="images/volumeup_over_up.png"; }
    191. function mouseOutUp() { document.up.src ="images/volumeup.png"; }
    192.  
    193. function mouseOverDown() { document.down.src ="images/volumedown_over.png"; }
    194. function mouseDown(){ document.down.src ="images/volumedown_over_up.png"; }
    195. function mouseOutDown() { document.down.src ="images/volumedown.png"; }
    196.  
    197. function StationNameScroll(scrltext)
    198. {
    199. var nowPlayingStation = "<MARQUEE WIDTH='110' SCROLLDELAY='20' SCROLLAMOUNT='2' behavior='SCROLL'><div id='nowPlayingStation'><font color='66ff00'><b>" + scrltext + "</b></font></div></MARQUEE>";
    200. nowPlaying.innerHTML = nowPlayingStation;
    201. }
    202.  
    203. function Reconnect()
    204. {
    205. if (System.Gadget.Settings.read("AutoReconnect") == 0) return;
    206.  
    207. if (document.getElementById("statusText").innerHTML == lng_PlayerCommand["Buffering"]) mediaPlayer.controls.play();
    208. if(controlImage.src == "images/pause.png" && document.getElementById("statusText").innerHTML == lng_PlayerCommand["Stopped"]) mediaPlayer.controls.play();
    209. }
    210.  
    211. function openweblink()
    212. {
    213. var filename = "http://" + System.Gadget.Settings.read("stationWeb");
    214. window.location.href(filename);
    215. }
    radio.html
    Код (Text):
    1.  
    2. <html>
    3. <head>
    4. <title>RadioCenter</title>
    5. <link href="css/radio.css" rel="stylesheet" type="text/css" />
    6. <script src="langres.js" type="text/javascript" language="javascript"></script>
    7. <script src="radio.js" type="text/javascript" language="javascript"></script>
    8.  
    9. <script for="mediaPlayer" event="playstatechange(newstate)">playStateChange(newstate);</sc
    10. ript>
    11.  
    12. </head>
    13. <body onmousewheel="mousewheelVolume();" style="background-image: url(images/skin/default.png); width: 130px; height: 130px;">
    14. <div>
    15. <div id="DRText">
    16. <nobr><div id="statusText"></div></nobr>
    17. <div id="nowPlaying"></div>
    18. <div id="mediaControls">
    19. <img id="controlImage" src="images/play.png" onclick="PlayPause();" style="position:absolute; top:105px; left:100px;" />
    20.  
    21. </div>
    22.  
    23. <img id="controlSpeaker" src="images/speaker_on.png" onclick="speakeronoff();" style="position:absolute; top:105px; left:12px;" />
    24.  
    25.  
    26. <div id="Volume" style="position: absolute; top: 106px; left: 30; font-family: Segoe UI, Tahoma, Sans-Serif; font-size: 8pt; color: #FFFFFF; text-align:left;" <font onmouseover="this.style.color='white'" onMouseMove="this.style.color='red'" onmouseout="this.style.color='white'">100%</font&
    27. gt;</div>
    28.  
    29. <img src="images/volumedown.png" NAME="down" onmouseover="mouseOverDown()" onmousedown="mouseDown()" onmouseout="mouseOutDown()" onmouseup="mouseOverDown()" onclick="VolumeDown()" style="position:absolute; top:108; left:63;" />
    30. <img src="images/volumeup.png" NAME="up" onmouseover="mouseOverUp()" onmousedown="mouseUp()" onmouseout="mouseOutUp()" onmouseup="mouseOverUp()" onclick="VolumeUp()" style="position:absolute; top:108; left:77;" />
    31.  
    32. <img id="link" src="images/link.png" ondblclick="openweblink();" style="position:absolute; top:5px; left:100px; height: 20px; width: 20px; visibility:hidden;" />
    33.  
    34. <img id="logotip_radio" src="images/logotip_radio.gif" style="position:absolute; top:3px; left:15px; height: 90px; width: 97px;" />
    35.  
    36. <img id="logotip_radio1" src="images/1 logotip_radio.gif" style="position:absolute; top:5px; left:80px; height: 20px; width: 20px;" />
    37.  
    38. </div>
    39.  
    40. <OBJECT id="mediaPlayer" width="0" height="0"
    41. style="position:absolute; left:0;top:0;"
    42. CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
    43. type="application/x-oleobject">
    44. <PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
    45. <PARAM NAME="AutoStart" VALUE="False">
    46. <PARAM name="uiMode" value="invisible">
    47. </OBJECT>
    48.  
    49. </body>
    50. </html>
     
    #1 vovka1021, 3 дек 2011
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)