Widget:Bard-Radio Player Q: различия между версиями

Версия от 11:18, 1 июня 2023

@@ Строка 1: / Строка 1: @@
-<pre><code class="javascript hljs">
-     &lt;div id=<span class="hljs-string">"radioheart-player"</span>
+     <div id="radioheart-player"
-         <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"extra-chrome"</span>
+         class="extra-chrome"
-         data-stream=<span class="hljs-string">"https://listen.myrh.ru/Bard-Radio"</span>
+         data-stream="https://listen.myrh.ru/Bard-Radio"
-         data-autostart=<span class="hljs-string">"false"</span>
+         data-autostart="false"
-         data-volume=<span class="hljs-string">"0.5"</span>
+         data-volume="0.5"
-         data-playtext=<span class="hljs-string">"Нажмите play для начала воспроизведения"</span>
+         data-playtext="Нажмите play для начала воспроизведения"
-&gt;
+>
-     <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"play-pause-container"</span>&gt;</span>
+     <div class="play-pause-container">
-         <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"current-song marquee"</span>
+         <div class="current-song marquee"
-              <span class="hljs-attr">id</span>=<span class="hljs-string">"radioheart-player-current-song"</span>
+              id="radioheart-player-current-song"
-              <span class="hljs-attr">data-marquee</span>=<span class="hljs-string">""</span>
+              data-marquee=""
-         &gt;</span>
+         >
-         <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+         </div>
-         <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"play"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"radioheart-player-play"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+         <div class="play" id="radioheart-player-play"></div>
-         <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"pause hidden"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"radioheart-player-pause"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+         <div class="pause hidden" id="radioheart-player-pause"></div>
-         <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"volume"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"radioheart-player-volume"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+         <div class="volume" id="radioheart-player-volume"></div>
-         <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"mutecontrol active"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"radioheart-player-mute"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+         <div class="mutecontrol active" id="radioheart-player-mute"></div>
-     <span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span>
+     </div>
-&lt;<span class="hljs-regexp">/div&gt;
+</div>
-&lt;script src="https:/</span><span class="hljs-regexp">/player.radioheart.ru/</span>js/app.js<span class="hljs-string">"&gt;&lt;/script&gt;
+<script src="https://player.radioheart.ru/js/app.js"></script>
-&lt;link type="</span>text/css<span class="hljs-string">" rel="</span>stylesheet<span class="hljs-string">" href="</span>https:<span class="hljs-comment">//player.radioheart.ru/css/app.css"&gt;</span>
+<link type="text/css" rel="stylesheet" href="https://player.radioheart.ru/css/app.css">
-                        </code></pre>