erkennen, wenn <audio> abgespielt ist – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 09:47:28 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669406#m1669406 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669406#m1669406 <p>Moin,</p> <p><a href="http://remso.eu/" rel="nofollow noopener noreferrer">diese Seite</a> holt alle 5 sec die zuletzt abgerufene Veranstaltung vom Server und spielt die zugehörige mp3-Datei ab.</p> <p>Wenn nach 5 sec eine andere Veranstaltung mit mp3 kommt, wird die erste abgebrochen. Ich möchte sie jedoch gerne ausspielen lassen.</p> <p>Wie erkenne ich, wenn ein <audio> Tag fertig gespielt wurde? Erst dann möchte ich den Server für das nächste Event rufen.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>audio</span> <span class="token attr-name">controls</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>200<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">autoplay</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>autoplay<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>source</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.seeteufel-halle.de/wp-content/uploads/2012/03/HP08_Jamaica_farewell.mp3<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>audio/mpeg<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>audio</span><span class="token punctuation">></span></span> </code></pre> <p>Linuchs</p> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 09:52:21 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669407#m1669407 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669407#m1669407 <p>Hallo</p> <blockquote> <p>Wie erkenne ich, wenn ein <audio> Tag fertig gespielt wurde?</p> </blockquote> <p>Ist in der <a href="https://wiki.selfhtml.org/wiki/Event-Handler" rel="nofollow noopener noreferrer">Liste der Events</a> kein passender dabei? Das <a href="https://wiki.selfhtml.org/wiki/JavaScript/DOM/Event/ended" rel="nofollow noopener noreferrer">Event ended</a> scheint zu passen.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wo wir Mängel selbst aufdecken, kann sich kein Gegner einnisten.<br> Wolfgang Schneidewind <strong>*prust*</strong> </div> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 09:54:41 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669408#m1669408 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669408#m1669408 <p>Tach,</p> <blockquote> <p>Wie erkenne ich, wenn ein <audio> Tag fertig gespielt wurde? Erst dann möchte ich den Server für das nächste Event rufen.</p> </blockquote> <p>das Event heißt überraschenderweise <a href="https://html.spec.whatwg.org/multipage/embedded-content.html#event-media-ended" rel="nofollow noopener noreferrer">ended</a>.</p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>audio</span> <span class="token attr-name">controls</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span> <span class="token attr-name">width</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>200<span class="token punctuation">"</span></span> <span class="token attr-name">height</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>20<span class="token punctuation">"</span></span> <span class="token attr-name">autoplay</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>autoplay<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">vertical-align</span><span class="token punctuation">:</span>middle</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>source</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.seeteufel-halle.de/wp-content/uploads/2012/03/HP08_Jamaica_farewell.mp3<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>audio/mpeg<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>audio</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Autoplay ist eine Seuche; du solltest immer davon ausgehen, dass ich bereits höre, was ich hören möchte.</p> <p>mfg<br> Woodfighter</p> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 10:10:47 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669410#m1669410 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669410#m1669410 <p>@@woodfighter</p> <blockquote> <p>Autoplay ist eine Seuche; du solltest immer davon ausgehen, dass ich bereits höre, was ich hören möchte.</p> </blockquote> <p>Was auch nichts sein kann.</p> <p>Kollegen im Büro freut es immer, wenn man eine Seite mit Autoplay aufruft. Nicht.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 10:24:38 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669412#m1669412 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669412#m1669412 <blockquote> <p>Autoplay ist eine Seuche; du solltest immer davon ausgehen, dass ich bereits höre, was ich hören möchte.</p> </blockquote> <p>Ja, sehe ich genauso. Muss ich noch nachbessern. Aber wer sein Gerät auf "Empfang" schaltet, soll nicht dauern zum Mäuseschubbsen gezwungen werden.</p> <p>Linuchs</p> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 10:31:41 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669413#m1669413 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669413#m1669413 <p>@@Linuchs</p> <blockquote> <p>Aber wer sein Gerät auf "Empfang" schaltet, soll nicht dauern zum Mäuseschubbsen gezwungen werden.</p> </blockquote> <p>Eben. Default sollte sein: Kein Mäuseschubsen<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> zum Nichtshören.</p> <p>Natürlich habe ich mein Gerät „auf Emfang“. Ich will ja was hören, wenn ich mir bspw. einen Vortrag ansehe.</p> <p>Das heißt aber nicht, dass ich von einer Seite <em>automatisch</em> angeplärrt werden will.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>PS: Was ist eigentlich eine Maus? <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 10:55:48 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669416#m1669416 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669416#m1669416 <p>Hallo,</p> <blockquote> <p>PS: Was ist eigentlich eine Maus?</p> </blockquote> <p>Du musst dringend mal zum Gedächtnistraining. Du hattest letztens ein Bild davon hier verlinkt.<br> Und nein, ich such dir dein Posting jetzt nicht aus dem Archiv raus.</p> <p>Gruß<br> Kalk</p> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 11:24:05 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669417#m1669417 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669417#m1669417 <p>@@Tabellenkalk</p> <blockquote> <blockquote> <p>PS: Was ist eigentlich eine Maus?</p> </blockquote> <p>Du musst dringend mal zum Gedächtnistraining. Du hattest letztens ein Bild davon hier verlinkt.<br> Und nein, ich such dir dein Posting jetzt nicht aus dem Archiv raus.</p> </blockquote> <p>Ah, du meinst <a href="https://forum.selfhtml.org/meta/2016/may/31/links-in-neuem-fenster-oeffnen/1668415#m1668415" rel="noopener noreferrer">dieses bewegliche Trackpad</a>?</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> erkennen, wenn <audio> abgespielt ist Thu, 16 Jun 16 11:44:29 Z https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669420#m1669420 https://forum.selfhtml.org/self/2016/jun/16/erkennen-wenn-abgespielt-ist/1669420#m1669420 <p>Hallo,</p> <blockquote> <p>Ah, du meinst <a href="https://forum.selfhtml.org/meta/2016/may/31/links-in-neuem-fenster-oeffnen/1668415#m1668415" rel="noopener noreferrer">dieses bewegliche Trackpad</a>?</p> </blockquote> <p>Genau so ähnlich. Gibt halt verschiedenste Varianten.</p> <p>Gruß<br> Kalk</p>