Frage Lautstärke einer Website anpassen?

Prankson · 9 Mai 2015

Hallo,

ich bin ein ziemlicher Newbie in sachen HTML...

Ich habe vor kurzem ein Internetradio in meine Seite implementiert...

Vorschau: www.prnksn.tk/radio

Nun meine Frage:
Ist es irgendwie möglich den Sound anzupassen? Oder wenn möglich sogar einen Regler einzubauen?

Code: (Ein bisschen Unordentlich

)

HTML:

<html>
<head>
<title>PRNKSN - Radio</title>
<link rel="shortcut icon" href="http://pic.prnksn.tk/favicon.png">
<style type="text/css">
.auto-style1 {
    text-align: center;
}
.auto-style2 {
    border-width: 0px;
}
</style>

<body bgcolor="#100c0d">
<div class="auto-style1">
</head>
<body>
<embed SRC="http://stream02.iloveradio.de/iloveradio2.mp3" width=0 height=0 loop=True autostart=true>
<a href="http://www.iloveradio.de/ilove2dance">
<img class="auto-style2" src="iloveradio.jpg" style="-webkit-user-select: none"></a></div>
</body>
</html>

Sempervivum · 9 Mai 2015

Ja, das geht relativ einfach, wenn Du das Audio-Tag verwendest. Entweder kannst du dann eine Lautstärkeregelung selber machen, z. B. mit dem Input-Range-Tag:
http://wiki.selfhtml.org/wiki/HTML/..._und_Eingabebereiche/Input#type.3D.22range.22
Die Lautstärke kannst Du dann mit der Eigenschaft volume des Audio-Tags steuern.
Oder Du benutzt einen Javascript-Player, der ein Lautstärkeregelung mitbringt, z. B. den Mediaelement-Player.

Prankson · 9 Mai 2015

Kannst du mir vielleicht einen Beispiel Code zeigen? Ich seh da nicht ganz durch..

Sempervivum · 9 Mai 2015

Entscheide dich zunächst, ob Du etwas selbst gemachtes oder einen Player verwenden möchtest. Wenn einen Player, dann findest Du die Anleitung auf dessen Website. Dort kannst Du dir auch ansehen, wie er aussieht. Z. B. Mediaelement hier:
http://mediaelementjs.com/
Die Slider des range-Tags können in den Browsern unterschiedlich aussehen, siehe z. B. hier:
http://www.html5tutorial.info/html5-range.php

Prankson · 9 Mai 2015

Ich nehm den Slider :)

Sempervivum · 9 Mai 2015

Dann probier's mal so:

HTML:

<input type="range" min="0.0" max="1.0" step="0.01"
     onchange="document.getElementById('audioplayer').volume = this.value;"
     oninput="document.getElementById('audioplayer').volume = this.value;">
<audio id="audioplayer" src="http://stream02.iloveradio.de/iloveradio2.mp3" autoplay controls></audio>

Habe inzwischen gesehen, dass das Audio-Tag schon einen Lautstärkeregler hat, wenn man die Controls einschaltet.

Prankson · 9 Mai 2015

Funktioniert Super! Danke!

Frage Lautstärke einer Website anpassen?

Prankson

Guest

Sempervivum

Guest

Prankson

Guest

Sempervivum

Guest

Prankson

Guest

Sempervivum

Guest

Prankson

Guest

Neueste Beiträge