Dodajanje in urejanje avdio ter video vsebin

Vgrajevanje medijskih vsebin (zvok in video) v urejevalniku SiteKreator omogoča vizualno obogatitev spletnega mesta, povečanje angažiranosti obiskovalcev in predstavitev vsebin v dinamični obliki. Avdio in video datoteke lahko na svoje spletno mesto dodate na tri primarne načine.

Načini dodajanja medijskih vsebin

1. Znotraj gradnika Besedilo in slika (Text & Image): Uporabite ikono Vstavi medijsko vsebino (Insert Media). Medijske datoteke se vgradijo neposredno v podstran in brskalniku omogočijo predvajanje.

2. S pomočjo HTML-izsečka (HTML Snippet): Omogoča vgrajevanje (embedding) predvajalnikov z zunanjih platform, kot so YouTube, Vimeo ali SoundCloud, ne da bi obremenjevali lastni strežnik.

3. V gradniku Področje za datoteke (File Area): Zvočne in video datoteke naložite kot prenosljive dokumente, ki jih obiskovalci lahko shranijo v svoje naprave.

1. Dodajanje medijskih vsebin v gradnik Besedilo in slika (Insert Media)

Postopek dodajanja predvajalnika neposredno v vsebino:

1. Odprite gradnik Besedilo in slika (Text & Image) ter s kazalcem miške kliknite na mesto, kamor želite postaviti medijsko vsebino.

2. V orodni vrstici kliknite ikono Vstavi medijsko vsebino (Insert Media).

3. V pogovornem oknu izberite način dodajanja datoteke:

   • Naloži medijsko vsebino (Upload Media): Prebrskajte in izberite datoteko s svojega računalnika.

   • Dodaj iz URL-ja (Add from URL): Vnesite neposredno povezavo do zvočne ali video datoteke, ki je shranjena na zunanjem strežniku.

4. Potrdite izbiro z dvojnim klikom na datoteko ali s klikom na gumb Odpri (Open). Na zaslonu se prikaže vrstica z napredkom nalaganja.

5. Ko je nalaganje končano, se medijska vsebina pozicionira znotraj izbranega segmenta.
    

2. Prilagajanje nastavitev avdio in video predvajalnika

Ko vstavite zvočno ali video datoteko v gradnik Besedilo in slika (Text & Image), jo označi s klikom, da se na desni strani odpre nastavitvena plošča s sledečimi parametri:

• Dimenzije predvajalnika (Custom Size): Označite polje Poljubna velikost (Custom Size) ter ročno nastavite širino in višino predvajalnika v pikslih.

  • S klikom na ikono ključavnice (Constrain Proportions) zaklenete razmerje stranic ter preprečite popačenje slike.

• Samodejno predvajanje (Autoplay): Omogoča, da se zvočna ali video datoteka samodejno zažene takoj, ko obiskovalec odpre ali osveži podstran.

  Opozorilo: Sodobni spletni brskalniki zaradi uporabniške izkušnje pogosto blokirajo samodejno predvajanje zvoka, če uporabnik predhodno nima interakcije s stranjo.

• Prikaži kontrolne elemente (Show Controls): Omogoča prikaz standardne nadzorne vrstice predvajalnika (gumbi za predvajanje, zaustavitev, nastavitev glasnosti ter časovni trak).

• Ponavljanje predvajanja (Loop): Omogoča samodejno ponavljanje predvajanja takoj po zaključenem posnetku.

• Način oblivanja besedila (Text Wrapping): Določa, kako se besedilo znotraj gradnika ovija okoli vgrajenega medijskega predvajalnika (Brez oblivanja / No wrapping, Levo oblivno / Left wrap, Desno oblivno / Right wrap).

Opozorilo glede administrativnega predogleda:

Zvočne (npr. MP3) in video datoteke se v administrativnem vmesniku urejevalnika pogosto prikažejo kot sivi ali prazni pravokotniki. Za preverjanje delovanja predvajalnika odprite predogled spletnega mesta ali si oglejte objavljeno podstran.

3. Vgrajevanje zunanjih videoposnetkov preko HTML-izsečka (HTML Snippet)

Za dodajanje videoposnetkov s platform, kot sta YouTube ali Vimeo, je priporočljiva uporaba gradnika HTML-izseček (HTML Snippet), ki ne obremenjuje vašega strežnika in omogoča prilagodljivo predvajanje.

Postopek vgradnje:

1. Na platformi (npr. YouTube) pod videoposnetkom kliknite gumb Deli (Share) > Vgradi (Embed) ter kopirajte kodo <iframe>.

2. V urejevalniku SiteKreator odprite stranski meni Dodaj vsebino (Build) ali Elementi (Elements).

3. Izberite gradnik HTML-izseček (HTML Snippet) in ga s funkcijo povleci in spusti (drag-and-drop) premaknite na želeno mesto na strani.

4. Kliknite na gradnik, v pogovorno okno prilepite kopirano kodo <iframe> ter potrdite s klikom na Posodobi (Update).

5. Za dokončno uveljavitev sprememb na spletnem mestu kliknite gumb Objavi (Publish).