Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Utmaning: Bädda in Ljud och Video i HTML | Arbeta med Media och Tabeller
Ultimate HTML
course content

Kursinnehåll

Ultimate HTML

Ultimate HTML

1. Förstå Webbutveckling
2. HTML-Taggar och Attribut
3. HTML-Dokumentstruktur
4. Arbeta med Media och Tabeller
5. HTML-Formulär och Användarinmatning

book
Utmaning: Bädda in Ljud och Video i HTML

Mål

Skapa en engagerande multimediaupplevelse för webbplatsbesökare genom att integrera både ljud- och videoinnehåll.

Uppgift

Ta webbplatsen till nästa nivå genom att fördjupa användarna i en fängslande multimediaupplevelse. Din uppgift är att:

För ljudet: bädda in en ljudfil som ger en lugnande atmosfär för användarna att slappna av. Använd följande länk för ljudet:

För videon: integrera en video som låter användare njuta av naturens skönhet. Använd följande länk för videon:

Lägg till uppspelningskontroller som spela och pausa.
Lägg till filtyper.

html

index.html

css

index.css

copy
  1. Använd audio-taggen för att specificera ett ljudelement.

  2. Använd video-taggen för att specificera ett videoelement.

  3. Använd attributet controls för att låta användare hantera ljud- eller videouppspelning.

  4. Använd attributet src för att specificera filens plats. Säkerställ korrekt kopiering av länkar från uppgiften.

  5. Använd type="audio/mp3" för att specificera rätt filtyp för ljudet.

  6. Använd type="video/mp4" för att specificera rätt filtyp för videon.

html

index.html

css

index.css

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 6

Fråga AI

expand
ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

course content

Kursinnehåll

Ultimate HTML

Ultimate HTML

1. Förstå Webbutveckling
2. HTML-Taggar och Attribut
3. HTML-Dokumentstruktur
4. Arbeta med Media och Tabeller
5. HTML-Formulär och Användarinmatning

book
Utmaning: Bädda in Ljud och Video i HTML

Mål

Skapa en engagerande multimediaupplevelse för webbplatsbesökare genom att integrera både ljud- och videoinnehåll.

Uppgift

Ta webbplatsen till nästa nivå genom att fördjupa användarna i en fängslande multimediaupplevelse. Din uppgift är att:

För ljudet: bädda in en ljudfil som ger en lugnande atmosfär för användarna att slappna av. Använd följande länk för ljudet:

För videon: integrera en video som låter användare njuta av naturens skönhet. Använd följande länk för videon:

Lägg till uppspelningskontroller som spela och pausa.
Lägg till filtyper.

html

index.html

css

index.css

copy
  1. Använd audio-taggen för att specificera ett ljudelement.

  2. Använd video-taggen för att specificera ett videoelement.

  3. Använd attributet controls för att låta användare hantera ljud- eller videouppspelning.

  4. Använd attributet src för att specificera filens plats. Säkerställ korrekt kopiering av länkar från uppgiften.

  5. Använd type="audio/mp3" för att specificera rätt filtyp för ljudet.

  6. Använd type="video/mp4" för att specificera rätt filtyp för videon.

html

index.html

css

index.css

copy
Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 6
Vi beklagar att något gick fel. Vad hände?
some-alt