ebSkola

2. tēma / 2.4

2.4 Pievieno un pielāgo spēles skaņu

Šodien: Pievieno lapai skaņu un izveido īsu tās ierakstu.

Īsā teorija

<audio controls> parāda skaņas atskaņošanas pogas. src norāda skaņas failu.

Skaņu ieslēdz spēlētājs. Īss efekts dod ziņu par darbību un netraucē ar garu ierakstu.

Sāc ar komplektā doto skaņu. Sava ieraksta veidošanai izmanto Windows lietotni Sound Recorder (Skaņu ierakstītājs). 

<audio controls src="klikskis.wav"></audio>

Sākuma kods un darba vieta

Sāc pēc 1. uzdevuma soļiem. Darba mape ir Desktop/datorika9-tema2 ; šīs nodarbības fails ir 24.html .

Lejupielādēt 24.html

Atvērt pilno sākuma kodu 
<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mana spēle</title>
<style>
body { font-family: Arial, sans-serif; max-width: 680px; margin: 24px auto; padding: 16px; line-height: 1.6; }
button, input { font: inherit; padding: 10px; margin: 4px; }
button { cursor: pointer; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }

</style>
</head>
<body>
<h1>Spēles skaņa</h1>
<p>Nospied atskaņošanas pogu.</p>
<audio controls src="klikskis.wav"></audio>
<p>Šo skaņu dzirdēsi, kad savāksi zvaigzni.</p>
</body>
</html>

1. uzdevums

Pievieno gatavo skaņu

Vide: Pārlūks / lejupielāde → VS Code

  1. Lejupielādē klikskis.wav . Windows mapē Downloads nokopē failu savā tēmas mapē.
  2. Atver sākuma kodu failā 24.html šajā pašā mapē.
  3. Nomaini virsrakstu un aprakstu atbilstoši savai spēlei.

Gatavs, kad: 24.html norāda uz blakus esošo klikskis.wav.

2. uzdevums

Ieraksti īsu efektu

Vide: Windows / Sound Recorder → VS Code

  1. Atver Sound Recorder . Ja nav mikrofona vai lietotnes, izmanto gatavo klikskis.wav un turpini ar 3. soli.
  2. Ieraksti vienu īsu skaņu bez gara klusuma sākumā. Ar ieraksta izvēlni atrodi failu ( Show in folder ) un nokopē tēmas mapē. Atstāj tā esošo faila galotni.
  3. VS Code lapā pievieno otru <audio controls src="..."></audio> . Norādi sava ieraksta precīzo faila nosaukumu; ja izmanto gatavo skaņu, norādi klikskis.wav .
  4. Virs katras skaņas ar <p> norādi tās nozīmi spēlē.

Gatavs, kad: Lapā ir divi skaņas vadības bloki ar aprakstiem.

3. uzdevums

Pārbaudi skaņu un pabeidz lapu

Vide: Pārlūks → VS Code

  1. Atver lapu pārlūkā un uzliec austiņas. Atskaņo katru skaņu un pārbaudi apturēšanu.
  2. Ja paša ieraksta sākumā ir garš klusums, ieraksti to vēlreiz un izlabo faila nosaukumu lapā.
  3. Pārbaudi, ka skaņa nesākas pati: kodā nav autoplay .
  4. Nosūti HTML un izmantotos skaņas failus uz GitHub. Iesniedz tos kopā.

Gatavs, kad: Abas skaņas atskaņojas pēc spēlētāja darbības.

Iesniedz 3. uzdevuma rezultātu

Iesniedz pabeigto 24.html un klikskis.wav un savs ieraksts, ja to izmanto skolotāja norādītajā vietā. Šo pašu versiju saglabā arī GitHub.

Stunda ir ieskaitīta, ja 3. uzdevuma rezultāts atbilst visiem šiem punktiem:

  • 24.html ir divi audio vadības bloki ar jēgpilniem aprakstiem.
  • Abu norādīto skaņas failu atskaņošana darbojas.
  • Skaņa nesākas automātiski; HTML un izmantotie skaņas faili iesniegti kopā.

1. un 2. uzdevums sagatavo šo rezultātu. Papildu uzdevums nav vajadzīgs ieskaitei.

Saglabā un nosūti uz GitHub — pogu atgādne

Vide: VS Code / Source Control → GitHub pārlūkā

  1. Ar File → Save All saglabā failus. Atver Source Control ar Ctrl+Shift+G .
  2. Pie Changes nospied + (Stage All Changes). Pārbaudi, ka vajadzīgie faili pārvietojas uz Staged Changes .
  3. Ziņas laukā ieraksti īsu izmaiņu, piemēram, Pabeigts 2.4 darbs . Spied Commit .
  4. Ja šī tēmas mape vēl nav GitHub, spied Publish to GitHub un izveido publisku projektu datorika9-tema2 . Jau publicētam projektam spied Sync Changes . Ja pogas nav, atver … → Push .
  5. Pārlūkā atver savu GitHub projektu un pārbaudi faila pēdējās izmaiņas.

Ja Source Control rāda Initialize Repository , vispirms nospied to. Ja parādās kļūda vai sapludināšanas pieprasījums, izmanto palīdzību un palūdz skolotāja atbalstu.

Papildu uzdevums: Pievieno skaņas padomu

Sāc, kad 3. uzdevums ir gatavs un iesniegts. Ja vēlies paturēt obligāto versiju, saglabā kopiju ar citu nosaukumu.

  1. Lapā pievieno rindkopu par piemērotu skaļumu.
  2. Ar atskaņotāja vadību pārbaudi klusu un skaļāku atskaņošanu.
Ja kaut kas neizdodas

Palīdzība Git, kontam un darba atvēršanai

Skolotājam: sasniedzamo rezultātu saistība

Šajā nodarbībā vingrina šādu rezultātu daļas no 9. klases saraksta . Piesaiste pati par sevi nenozīmē visa rezultāta apguvi.

SR 2.4.6 SR 2.4.8 SR 2.4.10

Kursa nosacījumi un satura pārklājums