<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Musik</name><api_version>1.0</api_version><size height='32' width='300' /><blog en='60' /></metadata><view><content>&lt;div&gt;
	&lt;div class=playpause_button&gt;&lt;/div&gt;
	&lt;div class=volume_bar&gt;
		&lt;div class=current_volume&gt;&lt;/div&gt;
		&lt;div class=volume_bar_setter&gt;&lt;/div&gt;
	&lt;/div&gt;
	&lt;div class=peak_bar&gt;
		&lt;div class=peak_value&gt;&lt;/div&gt;
	&lt;/div&gt;
	&lt;div class=seek_bar_position&gt;&lt;/div&gt;
	&lt;div class=seek_bar&gt;
		&lt;div class=loaded_bar&gt;&lt;/div&gt;
		&lt;div class=played_bar&gt;&lt;/div&gt;
		&lt;div class=seek_bar_setter&gt;&lt;/div&gt;
	&lt;/div&gt;
	&lt;div class=duration&gt;&lt;/div&gt;
	&lt;div class=infos&gt;&lt;div class=infos_scroll&gt;&lt;div class=artist&gt;&lt;/div&gt;&lt;div class=title&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;</content><properties><sound_selector default='{id:-1,name:&apos;3255_[Luc_Ange_Essilopal]_Eau_minerale_gazeuse_[Creative_Commons___by_2.0]_[www.dogmazic.net].mp3&apos;,url:&apos;/components/UI_Music/3255_[Luc_Ange_Essilopal]_Eau_minerale_gazeuse_[Creative_Commons___by_2.0]_[www.dogmazic.net].mp3&apos;}' default_action='true' help='Wählen Sie einen Sound, den Sie zum Player hinzufügen wollen. Ein Lied pro Player.' icon='folder' name='sound' /><checkbox default='true' help='Falls angekreuzt, wird der Titel pausiert, wenn Besucher zu einer anderen Seite wechseln.&lt;br&gt;Deaktivieren Sie diese Funktion, wenn Sie einen Rundumsound zu Ihrer Website hinzufügen wollen. Sie können dieses Modul auch auf Ihrer Hintergrundseite hinzufügen, da es auf allen Seiten erscheinen wird.' name='pauseonpagechange' value='Bei Seitenwechsel pausieren' /><checkbox default='false' help='Falls angekreuzt, beginnt der Titel jedesmal von Neuem, wenn er vorbei ist.' name='loop' value='Wiederholung' /><checkbox class='uim_prop_sitew' default='false' help='Falls angekreuzt, wird ein Lautstärkenregler angezeigt.' name='volume_bar' value='Lautstärke' /><checkbox class='uim_prop_sitew' default='false' help='Nur für PC. Falls angekreuzt, wird ein kleiner Equalizer angezeigt.' name='peak_bar' value='Equalizer' /><checkbox class='uim_prop_sitew' default='true' help='Falls angekreuzt, wird ein Suchbalken angezeigt. Er zeigt den Ladevorgang des Sounds und die aktuelle Position im Titel. Indem Sie auf den Balken klicken, können Sie zu einer beliebigen Position gehen.' name='seek_bar' value='Suchbalken' /><checkbox class='uim_prop_sitew' default='true' help='Nur für PC. Falls angekreuzt, wird der Name des Künstlers nach dem ersten Abspielen angezeigt. Er wird von dem id3 Tag der mp3 Datei entnommen.' name='artist' value='Künstler' /><checkbox class='uim_prop_sitew' default='true' help='Nur für PC. Falls angekreuzt, wird der Liedtitel nach dem ersten Abspielen angezeigt. Er wird von dem id3 Tag der mp3 Datei entnommen.' name='title' value='Überschrift' /><checkbox class='uim_prop_sitew' default='true' help='Falls angekreuzt, wird die Titeldauer und die Position des Titels nach dem ersten Abspielen angezeigt.' name='duration' value='Dauer' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, wird ein Kaufen-Button angezeigt.' name='buying' value='Kaufen-Button' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, wird ein Gefällt-Mir-Button angezeigt, wenn das Teilen aktiviert wird.' name='liking' value='Gefällt-Mir-Button' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, wird ein Download-Button angezeigt, wenn das Lied heruntergeladen werden kann.' name='download' value='Download-Button' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, wird die Artwork des Titels angezeigt.' name='artwork' value='Artwork' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, werden die Kommentare angezeigt.' name='comments' value='Kommentare' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, wird die Anzahl der Wiederholungen des Liedes, angezeigt.' name='counts' value='Wiederholungszählung' /><checkbox class='uim_prop_sc' default='true' help='Falls angekreuzt, wird der Name des Benutzers, der die Datei hochgeladen hat, angezeigt.' name='user' value='Benutzer' /><hidden default='false' name='next' /><hidden default='false' name='previous' /><hidden default='false' name='random_btn' /><hidden default='false' name='random' /><hidden default='false' name='loop_btn' /></properties></view><script>$.ajax({url:cdn_url(&quot;/assets/precompile/soundmanager-2.js?v2&quot;),
dataType:&quot;script&quot;,cache:!0,simple_ajax:!0,success:function(){
var t,n=getFlashVersion();&quot;&quot;==n&amp;&amp;(n=&quot;0&quot;);t=parseFloat(n)&lt;9?8:9
;soundManager.setup({flashVersion:t,preferFlash:!1,
url:&quot;/assets/lib/soundmanagerv297a-20170601/swf/&quot;,
onready:function(){sigCtl.emitVariable(&quot;soundManager.ready&quot;)}})
;soundManager.beginDelayedInit()}});UI_List.UI_Music={
initialize:function(t){
$.each([&quot;buying&quot;,&quot;sharing&quot;,&quot;download&quot;,&quot;artwork&quot;,&quot;counts&quot;,&quot;comments&quot;,&quot;show_user&quot;],function(n,o){
t.data&amp;&amp;t.data[o]===undefined&amp;&amp;(t.data[o]=!0)});this.cpt=t
;t.setOptions([&quot;locked&quot;,&quot;footer&quot;])},onDisplay:function(t){
this.node=t;this.currentSound=null;this.scrollInterval=null
;var n=this;this.playing=!0;this.pause()
;sigCtl.connect(&quot;soundManager.volume&quot;,function(n,o){
$(&quot;.current_volume&quot;,t).height(o+&quot;%&quot;)})
;sigCtl.getVariable(&quot;soundManager.ready&quot;,function(){try{
n.initSound()}catch(t){console.log(&quot;exp music&quot;,t)}})
;sigCtl.connect(&quot;soundManager.pauseAll&quot;,function(){n.pause(!0)})
;$(&quot;.playpause_button&quot;,t).click(function(){
n.playing?n.pause():n.play()})
;$(&quot;.seek_bar_setter&quot;,t).click(function(o){
var i=n.currentSound.durationEstimate*(o.originalEvent.layerX||o.originalEvent.offsetX)/$(&quot;.seek_bar&quot;,t).width()
;n.currentSound.setPosition(i)})
;this.current_volume=this.cpt.data.init_volume||100
;sigCtl.emit(&quot;soundManager.volume&quot;,this.current_volume)
;$(&quot;.volume_bar_setter&quot;,t).click(function(o){
var i=100*($(&quot;.volume_bar&quot;,t).height()-(o.originalEvent.layerY||o.originalEvent.offsetY))/$(&quot;.volume_bar&quot;,t).height()
;this.current_volume=i;n.currentSound.setVolume(i)
;sigCtl.emit(&quot;soundManager.volume&quot;,i)
;&quot;editor&quot;==v.mode&amp;&amp;n.cpt.setData(&quot;init_volume&quot;,i)})
;this.updateSize()},initSound:function(){try{
if(this._firstSound()){
var t=this,n=$(&quot;.loaded_bar&quot;,t.node),o=$(&quot;.played_bar&quot;,t.node),i=$(&quot;.peak_value&quot;,t.node),e=$(&quot;div:first&quot;,t.node)
;this.position=-1e3
;if(&quot;sc&quot;==this._firstSound().api||&quot;soundcloud&quot;==this._firstSound().api)Apis.soundcloud_player(function(){
var n=$(&quot;iframe&quot;,t.node)
;0==n.length&amp;&amp;(n=$(&apos;&lt;iframe frameborder=&quot;no&quot; scrolling=&quot;no&quot; src=&quot;https://w.soundcloud.com/player/?url=&apos;+encodeURIComponent(t._firstSound().url)+&apos;&amp;show_artwork=true&quot;&gt;&lt;/iframe&gt;&apos;).insertAfter(e.hide()))
;n.width(t.cpt.W()).height(t.cpt.H())
;var o=SC.Widget(n.get(0)),i={auto_play:t.cpt.data.autostart,
buying:t.cpt.data.buying,sharing:t.cpt.data.sharing,
download:t.cpt.data.download,show_artwork:t.cpt.data.artwork,
show_playcount:t.cpt.data.counts,
show_comments:t.cpt.data.comments,show_user:t.cpt.data.show_user
};o.load(t._firstSound().url,i)
;if(t.cpt.data.loop||t.cpt.data.sound.length&gt;1){
o.unbind(SC.Widget.Events.FINISH)
;o.bind(SC.Widget.Events.FINISH,function(){
1==t.cpt.data.sound.length?o.play():o.isPaused(function(n){
if(n){t.sound_num=(t.sound_num||0)+1
;t.sound_num&gt;t.cpt.data.sound.length-1&amp;&amp;(t.sound_num=0)
;i.auto_play=!0;o.load(t.cpt.data.sound[t.sound_num].url,i)}})})
}});else{$(&quot;iframe&quot;,t.node).remove();e.show()
;this.currentSound=soundManager.createSound({
id:&quot;z&quot;+this.cpt.component_type.getCounter(),
url:this._firstSound().url,usePeakData:!0,
whileloading:function(){if(t.currentSound.bytesTotal&gt;0){
n.width(100*t.currentSound.bytesLoaded/t.currentSound.bytesTotal+&quot;%&quot;)
;clearTimeout(t.not_working_autostart)}},
whileplaying:function(){
i.height(100*t.currentSound.peakData.left+&quot;%&quot;)
;if(t.position&gt;&gt;10!=t.currentSound.position&gt;&gt;10){
t.position=t.currentSound.position
;t.currentSound.durationEstimate&gt;0&amp;&amp;o.width(100*t.currentSound.position/t.currentSound.durationEstimate+&quot;%&quot;)
;function n(t){
var n=&quot;&quot;,o=Math.floor(t/36e5),i=Math.floor((t-36e5*o)/6e4),e=Math.floor((t-36e5*o-6e4*i)/1e3)
;o&gt;0&amp;&amp;(n+=o.toString()+&quot;:&quot;);return n+sprintf(&quot;%d:%02d&quot;,i,e)}
$(&quot;.duration&quot;,t.node).text(n(t.currentSound.position)+&quot;/&quot;+n(t.currentSound.durationEstimate))
}
t.currentSound.position&gt;0&amp;&amp;clearTimeout(t.not_working_autostart)
},onfinish:function(){t.cpt.data.loop||t.pause();t.initSound()},
onid3:function(){var n=t.currentSound.id3
;$(&quot;.artist&quot;,t.node).text(n.artist||n.TPE1)
;$(&quot;.title&quot;,t.node).text(n.songname||n.TIT2)
;t.updateInfosScrollMax()}})
;this.playing&amp;&amp;this.currentSound.play()
;this.currentSound.setVolume(this.current_volume)}}}catch(s){
window.location.host.match(/localhost/)||dbg.log(&quot;[UI_Music] Error destroying sound&quot;,s)
}},updateSize:function(){
if(!this._firstSound()||&quot;sc&quot;!=this._firstSound().api&amp;&amp;&quot;soundcloud&quot;!=this._firstSound().api){
for(var t in{volume_bar:0,peak_bar:0,seek_bar:0,artist:0,
title:0,duration:0
})this.cpt.data[t]?$(&quot;.&quot;+t,this.node).show():$(&quot;.&quot;+t,this.node).hide()
;$(&quot;.infos&quot;,this.node).width(this.cpt.W()-1-$(&quot;.seek_bar_position&quot;,this.node)[0].offsetLeft-80)
;$(&quot;.seek_bar&quot;,this.node).width(this.cpt.W()-1-$(&quot;.seek_bar_position&quot;,this.node)[0].offsetLeft)
;this.updateInfosScrollMax()}else this.initSound()},
updateInfosScrollMax:function(){var t=0,n=this
;this.scrollInterval&amp;&amp;clearInterval(this.scrollInterval)
;var o=20-$(&quot;.infos&quot;,this.node).width()
;this.cpt.data.artist&amp;&amp;(o+=$(&quot;.artist&quot;,this.node).width())
;this.cpt.data.title&amp;&amp;(o+=$(&quot;.title&quot;,this.node).width())
;o&gt;0&amp;&amp;(this.scrollInterval=setInterval(function(){t+=1
;$(&quot;.infos&quot;,n.node)[0].scrollLeft=Math.cos(t/40)*o/2+o/2},50))},
play:function(t){try{if(this.playing)return
;sigCtl.emit(&quot;soundManager.pauseAll&quot;);this.playing=!0
;this.node.find(&quot;.playpause_button&quot;).removeClass(&quot;play_button&quot;).addClass(&quot;pause_button&quot;)
;var n=this
;t&amp;&amp;(this.not_working_autostart=setTimeout(function(){
n.playing&amp;&amp;n.pause()},3e4))
;this.currentSound&amp;&amp;this.currentSound.play()
;sigCtl.emit(&quot;UI_Music.play&quot;,this)}catch(o){
window.location.host.match(/localhost/)||dbg.log(&quot;[UI_Music] Error play&quot;,o)
}},pause:function(t){try{if(!this.playing)return;this.playing=!1
;this.node.find(&quot;.playpause_button&quot;).removeClass(&quot;pause_button&quot;).addClass(&quot;play_button&quot;)
;this.currentSound&amp;&amp;(t?this.currentSound.stop():this.currentSound.pause())
;sigCtl.emit(&quot;UI_Music.pause&quot;,this)}catch(n){
window.location.host.match(/localhost/)||dbg.log(&quot;[UI_Music] Error doing pause&quot;,n)
}},onPropertyChanged:function(t){if(t.include(&quot;sound&quot;)){
this._changeProperties();try{
this.currentSound&amp;&amp;soundManager.destroySound(this.currentSound.sID)
}catch(n){
window.location.host.match(/localhost/)||dbg.log(&quot;[UI_Music] Error destroying sound (onPropertyChanged)&quot;,n)
}this.initSound()}else this.updateSize()},onSelect:function(){
this._changeProperties()},_changeProperties:function(){
if(!this._firstSound()||&quot;sc&quot;!=this._firstSound().api&amp;&amp;&quot;soundcloud&quot;!=this._firstSound().api){
$(&quot;.uim_prop_sitew&quot;).show();$(&quot;.uim_prop_sc&quot;).hide()}else{
$(&quot;.uim_prop_sc&quot;).show();$(&quot;.uim_prop_sitew&quot;).hide()}},
_firstSound:function(){
return $.isArray(this.cpt.data.sound)?this.cpt.data.sound[0]:this.cpt.data.sound
},onHide:function(){
this.cpt.data.pauseonpagechange&amp;&amp;this.pause()},
onShow:function(){
this.cpt.data.autostart&amp;&amp;&quot;viewer&quot;==v.mode&amp;&amp;this.play(!0)
;this.updateSize()},onRemove:function(){try{
this.scrollInterval&amp;&amp;clearInterval(this.scrollInterval)
;this.currentSound&amp;&amp;soundManager.destroySound(this.currentSound.sID)
}catch(t){
window.location.host.match(/localhost/)||dbg.log(&quot;[UI_Music] Error destroying sound (onRemove)&quot;,t)
}},onResizeStop:function(){this.updateSize()}};</script><style>.UI_Music .playpause_button{float:left;width:32px;height:32px;margin-right:3px;background:url(/components/UI_Music/player_disabled.png);cursor:pointer}
.UI_Music .pause_button{background:url(/components/UI_Music/player_pause.png)}
.UI_Music .play_button{background:url(/components/UI_Music/player_play.png)}
.UI_Music .volume_bar{position:relative;margin:2px;float:left;width:10px;height:32px;background:url(/components/UI_Music/volume_disabled.png);cursor:pointer}
.UI_Music .current_volume{position:absolute;bottom:0;height:100%;width:10px;background:url(/components/UI_Music/volume.png) bottom}
.UI_Music .volume_bar_setter{position:absolute;bottom:0;height:100%;width:10px;background:0 0}
.UI_Music .peak_bar{position:relative;float:left;width:5px;height:32px;margin:2px;background:0 0}
.UI_Music .peak_value{position:absolute;bottom:0;height:0;width:5px;background:#444}
.UI_Music .seek_bar{position:relative;float:left;top:25px;height:5px;background:#ccc;cursor:pointer}
.UI_Music .loaded_bar{position:absolute;width:0;height:5px;background:#888}
.UI_Music .played_bar{position:absolute;width:0;height:5px;background:#444}
.UI_Music .seek_bar_position{position:relative;float:left;width:0;height:0}
.UI_Music .seek_bar_setter{position:absolute;width:100%;height:5px;background:0 0}
.UI_Music .infos,.UI_Music .duration{position:relative;overflow-x:hidden;float:left;top:0;height:15px;font-size:10px;background:0 0}
.UI_Music .duration{float:right;text-align:right;width:80px}
.UI_Music .infos_scroll{width:500px}
.UI_Music .artist,.UI_Music .title{float:left}
.UI_Music .title{padding-left:10px}</style></uidget>