Audio: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
PGJ (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| Rad 1: | Rad 1: | ||
<code><audio></code> för att lägga till ljudinnehåll i dokument. Ljudinnehållet kan komma ifrån flera olika ljudkällor, t.ex. för att ha olika typer av ljudformat. | <code><audio></code> för att lägga till ljudinnehåll i dokument. Ljudinnehållet kan komma ifrån flera olika ljudkällor, t.ex. för att ha olika typer av ljudformat. | ||
== Tillgänliga attribut == | == Tillgänliga attribut == | ||
Förutom de [[ | Förutom de [[globala attribut]]en, finns följande attribut: | ||
== <code>autoplay</code> == | |||
Om detta attribut är angivet, kommer ljudet att börja spela automatiskt så fort det är möjligt (beroende på faktorer som buffring osv). | |||
== <code>controls</code> == | |||
Om detta atttribut är angivet, kommer webbläsaren att lägga in ett kontrollgränssnitt för ljudet i sidan. | |||
== <code>loop</code> == | |||
Om detta attribut är angivet, kommer ljudet att spelas upp om och om igen. Varje gång det avslutas, startar det om ifrån början igen. | |||
== <code>muted</code> == | |||
Anger om ljudet ska höras eller ej. Förvalet är <code>false</code>, dvs ljudet hörs. | |||
== <code>preload</code> == | |||
Används för att ställa in hur den första buffringen av ljudet ska gå till. Kan vara satt till: | |||
*<code>none</code>: Ingen buffring bör ske. | *<code>none</code>: Ingen buffring bör ske. | ||
*<code>metadata</code>: Ladda in nog mycket av ljudet så metadata kan läsas in. | *<code>metadata</code>: Ladda in nog mycket av ljudet så metadata kan läsas in. | ||
*<code>auto</code>: . | *<code>auto</code>: . | ||
* Tomsträng: Det samma som att sätta <code>auto</code>. | * Tomsträng: Det samma som att sätta <code>auto</code>. | ||
== <code>src</code> == | |||
Anger en [[URL]] till ljudet som ska spelas upp. Detta går även att sätta med <code><[[source]]></code>-taggar. | |||
== <code>volume</code> == | |||
Anger med vilken volym ljudet ska spelas upp. Det kan vara ifrån 0.0, helt tyst, till 1.0 som är max volym. | |||
== Exempel == | == Exempel == | ||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
| Rad 22: | Rad 29: | ||
Ovanstående exempel spelar automatiskt upp ljudfilen "<code>exampel.wav</code>" om webbläsaren kan hantera ljud och wav-formatet. I annat fall visas texten "<code>Din webbläsare kan inte spela upp ljud.</code>". | Ovanstående exempel spelar automatiskt upp ljudfilen "<code>exampel.wav</code>" om webbläsaren kan hantera ljud och wav-formatet. I annat fall visas texten "<code>Din webbläsare kan inte spela upp ljud.</code>". | ||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML- | === Taggens definition i [[WHATWG]]s levande HTML-standard === | ||
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-audio-element | http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-audio-element | ||
=== Taggens definition i HTML5-standarden === | === Taggens definition i HTML5-standarden === | ||
http://www.w3.org/TR/html5/embedded-content-0.html#the-audio-element | http://www.w3.org/TR/html5/embedded-content-0.html#the-audio-element | ||
Versionen från 24 augusti 2014 kl. 12.14
<audio> för att lägga till ljudinnehåll i dokument. Ljudinnehållet kan komma ifrån flera olika ljudkällor, t.ex. för att ha olika typer av ljudformat.
Tillgänliga attribut
Förutom de globala attributen, finns följande attribut:
autoplay
Om detta attribut är angivet, kommer ljudet att börja spela automatiskt så fort det är möjligt (beroende på faktorer som buffring osv).
controls
Om detta atttribut är angivet, kommer webbläsaren att lägga in ett kontrollgränssnitt för ljudet i sidan.
loop
Om detta attribut är angivet, kommer ljudet att spelas upp om och om igen. Varje gång det avslutas, startar det om ifrån början igen.
muted
Anger om ljudet ska höras eller ej. Förvalet är false, dvs ljudet hörs.
preload
Används för att ställa in hur den första buffringen av ljudet ska gå till. Kan vara satt till:
none: Ingen buffring bör ske.metadata: Ladda in nog mycket av ljudet så metadata kan läsas in.auto: .- Tomsträng: Det samma som att sätta
auto.
src
Anger en URL till ljudet som ska spelas upp. Detta går även att sätta med <source>-taggar.
volume
Anger med vilken volym ljudet ska spelas upp. Det kan vara ifrån 0.0, helt tyst, till 1.0 som är max volym.
Exempel
<audio controls="controls" autoplay>
Din webbläsare kan inte spela upp ljud.
<source src="exempel.wav" type="audio/wav">
</audio>
Ovanstående exempel spelar automatiskt upp ljudfilen "exampel.wav" om webbläsaren kan hantera ljud och wav-formatet. I annat fall visas texten "Din webbläsare kan inte spela upp ljud.".
Referenser
Taggens definition i WHATWGs levande HTML-standard
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#the-audio-element
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/embedded-content-0.html#the-audio-element