abc HTML5 i CSS TUTORIAL

Dodavanje zvuka /INSERT AUDIO/


Slika 1. Tip TAG-a

Dodavanje zvuka /INSERT AUDIO/
Sintaksa: <audio | onclick="play() | control ">
<source src="Putanja/ImeVideo.ektstenzija" type="audio/TipAudia">

  • Putanje - puna adresa foldera na kojem se nalazi video.
  • ImeVideo - putanja i puno ime slike (sa ekstenzijom)
  • TipAudia - tip formata audia mp4, ogg
  • onclick="play() - Izvođenje počinje klikom na link
  • controls - Korisnik može da upravlja izvođenjem audia (START, STOP, mjesto početka izvođenja):


Slika 2. Primjer videa

Audeo klipove na ovoj stranici pripremio je Dušan Volaš.

Primjer 1. Audio je na podfolderu zvuk. Ime videa je etno_grupa1.mp3.
Opis rješenja: CONTROLS omogućuje upravljanje izvođenjem audia (START, STOP, mjesto početka izvođenja). Na ekranu se pojavljuje upravljački dio:

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Etno grupa </title>
</head>
<body>
<p>Samostalno startaj auido</p>
<audio controls>
<source src="zvuk/etno_grupa1.mp3" type="audio/mpeg">
</audio>
</body></html>

Audio preuzet sa:
http://www.enovine.net/kulturom_protiv_droge/video/video_kulturom_protiv_droge.html

Primjer 2. Audio je na podfolderu zvuk. Ime videa je Richard_Clayderman_Ballade_pour_Adeline.mp3.

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Ballade pour Adeline</title>
</head>
<body>
<p>Samostalno startaj auido</p>
<audio controls>
<source src="zvuk/Richard_Clayderman_Ballade_pour_Adeline.mp3" type="audio/mpeg">
</audio>
</body></html>

Primjer 3. Audio je na podfolderu zvuk. Ime videa je Richard_Clayderman_Ballade_pour_Adeline.mp3.

Kod

Ekran
<!DOCTYPE html>
<html>
<head>
<title>Ballade pour Adeline</title>
</head>
<body>
<p>Samostalno startaj auido</p>
<audio controls>
<source src="zvuk/Handel_water_music.mp3" type="audio/mpeg">
</audio>
</body></html>

Daljnji rad 1: Na folederu zvuk je muzički fajl: Brian_Eno_Written.mp3. Krierati HTML5 player

Daljnji rad 2: Na folederu zvuk je muzički fajl: Handel_water_music_2.mp3. Krierati HTML5 player

Daljnji rad 3: Na folederu zvuk je muzički fajl: Handel_water_music_3.mp3. Krierati HTML5 player

Daljnji rad 4: Na folederu zvuk je muzički fajl: Max_Richter_infra_5.mp3. Krierati HTML5 player

Daljnji rad 5: Na folederu zvuk je muzički fajl: Richard_Clayderman_La_Tendresse.mp3. Krierati HTML5 player

Daljnji rad 6: Na folederu zvuk je muzički fajl: Teleman_Andre_Bernard_Trumpet_concerto_in_D_major.mp3. Krierati HTML5 player

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index