GexxOnline Newsfeed http://gexxmedia.com/ News de (C) Project Euler - Solutions in Java 1 - 10 http://www.gexxonline.com/index.php?page=blog&cate=Java, Tutorial, Solutions&id=26 FM4 Gadget Source | MediaPlayer Minianwendung gadget.xml <pre name="code" class="Xml:nocontrols"><xml version="1.0" encoding="utf-8" > <gadget> <name>FM4radio</name> <namespace>Windows.SDK</namespace> <version>1.1</version> <author name="Georg Lugmayr"> <info url="www.gexxonline.com" /> <logo src="iconDev.png" /> </author> <copyright></copyright> <description>Radio FM4 Livestream + Trackservice</description> <icons> <icon height="128" width="128" src="icon.png" /> </icons> <hosts> <host name="sidebar"> <base type="HTML" apiVersion="1.0.0" src="FM4radio.html" /> <permissions>full</permissions> <platform minPlatformVersion="1.0" /> <defaultImage src="icon.png" /> </host> </hosts> </gadget> </pre> Gadget.html <pre name="code" class="Html:nocontrols"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Radio FM4</title> <style> body { font-family: verdana, Tahoma, Sans-Serif; width:80px; height:74px; margin:0px; padding:0px; } #mediaControls { height:19px; width: 47px; top: 3px; right:3px; position:absolute; } #trackControl { height:19px; width:19px; top:3px; left:3px; position:absolute; } </style> <script type="text/javascript"> //FLYOUT BEGIN System.Gadget.Flyout.onShow = flyoutShowing; System.Gadget.Flyout.file = "flyout.html"; var url = ""; var open = false; function setFlyout(urltmp) { if(open){ System.Gadget.Flyout.show = false; open = false; } else{ url = urltmp; System.Gadget.Flyout.show = true; open = true; } } function flyoutShowing() { System.Gadget.Flyout.document.parentWindow.frame.innerHTML = "<iframe width='350' height='140' frameborder='0' src='"+url+"'></iframe>"; } //FLYOUT END var g_curStationURL = "mms://apasf.apa.at/fm4_live_worldwide"; var g_curStationName = "Radio-Jade"; function initGadget() { mediaPlayer.url = g_curStationURL; mediaPlayer.controls.stop(); controlImage.src = "play.png"; } function PlayOrPause() { if(controlImage.src == "pause.png") { mediaPlayer.controls.stop(); controlImage.src = "play.png"; } else { mediaPlayer.controls.play(); } } function playStateChange(newstate) { switch (newstate) { case 1: // Stopped controlImage.src = "play.png"; break; case 2: // Paused controlImage.src = "play.png"; break; case 3: // Playing controlImage.src = "pause.png"; break; case 6: // Buffering ( Puffern des Datenstroms ) controlImage.src = "buff.png"; break; case 7: // Waiting ( Warten auf Daten / Verbindung ) controlImage.src = "buff.png"; break; case 8: // Finished controlImage.src = "play.png"; break; case 9: // Transitioning controlImage.src = "buff.png"; break; case 10: // Ready controlImage.src = "play.png"; break; } } function toggleFlyout() { if (System.Gadget.Flyout.show==false) { System.Gadget.Flyout.show=true; UpdateStateController(); } else { System.Gadget.Flyout.show=false; UpdateStateController(); } } </script> <script for="mediaPlayer" event="playstatechange(newstate)">playStateChange(newstate);</script> </head> <body scroll="no" unselectable="on" onLoad="initGadget();"> <div> <!-- Hintergrundgrafik laden --> <g:background id="background" src="background.png" style="position:absolute; z-index:-999" /> <!-- Bereich für die grafischen Schalter definieren. Bei Klick auf den Bereich wird PlayOrPause() aufgerufen --> <div id="trackControl"> <g:image onclick="setFlyout('http://www.gexxonline.com/FM4-Gadget/parseTracks.php');" src="track.png" width="16" height="16" id="trackImage" /> </div> <div id="mediaControls"> <g:image onclick="PlayOrPause();" src="pause.png" width="16" height="16" id="controlImage" /> </div> </div> <OBJECT id="mediaPlayer" width="0" height="0" style="position:absolute; left:0;top:0;" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject"> <PARAM NAME="SendPlayStateChangeEvents" VALUE="True"> <PARAM NAME="AutoStart" VALUE="False"> <PARAM name="uiMode" value="invisible"> </OBJECT> </body> </html> </pre> Flyout.html <pre name="code" class="Html:nocontrols"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Trackservice</title> </head> <body style="width:350px; height:140px"> <div id="frame"></div> </body> </html> </pre> http://www.gexxonline.com/index.php?page=blog&cate=html, xml, php, code, JavaScript&id=25 FM4 Gadget | Minianwendung Das FM4 Radio Gadget bietet Ihnen die Möglichkeit den FM4 LiveStream über die Windows Minianwendung/Sidebar abzuspielen. Über den <img src="http://gexxonline.com/FM4-Gadget/track.png"> Button erhalte Sie eine Liste der zuletzt gespielten Songs (Trackservice). Das Gadget wurde mit Windows 7 (32-Bit) und Windows Vista (32-Bit) getestet. <b>Vers:</b> 1.1 (inkl. Trackservice) <b>Windows:</b> 7/Vista <b>Screenshots</b> <a href="http://img163.imageshack.us/img163/3586/fm4auf.jpg" rel="lightbox" title="FM4-Minianwendung im aufgeklapptem Modus (Trackservice)"><img src="http://img163.imageshack.us/img163/3586/fm4auf.th.jpg" border="0"></a> <a href="http://img43.imageshack.us/img43/1745/fm4zu.jpg" rel="lightbox" title="FM4-Gadget für Windows"><img src="http://img43.imageshack.us/img43/1745/fm4zu.jpg" border="0" height="59"></a> <a href="http://www.gexxonline.com/FM4-Gadget/gadgetLoad.php"><img src="http://www.gexxonline.com/FM4-Gadget/down.png" border="0"></a> http://www.gexxonline.com/index.php?page=blog&cate=Windows-Gadget/Minianwendung, Html, JavaScript, Php&id=24