Video oznaka HTML 5 olakšava dodavanje video zapisa na svoje Web stranice . Ali, dok se čini da je lako na površini, ima mnogo stvari koje treba da učinite kako biste video i pokrenuli svoj video. Ovaj tutorijal će vas provesti kroz korake za kreiranje stranice u HTML-u 5 koji će pokrenuti video u svim modernim pretraživačima.
- Hosting Your Own HTML 5 Video nasuprot korišćenja YouTube-a
- Brzi pregled video podrške na Webu
- Kreirajte i uredite svoj video
- Pretvorite Video u Ogg za Firefox
- Pretvoriti Video u MP4 za Safari
- Pretvoriti Video u FLV za Internet Explorer
- Dodajte video element na svoju web stranicu
- Dodajte JavaScript i Flash Player da biste dobili Internet Explorer da biste radili dio 1
- Testirajte kako što više pretraživača možete
01 od 10
Hosting Your Own HTML 5 Video nasuprot korišćenja YouTube-a
YouTube je odlična lokacija. Omogućava brzo ugrađivanje video zapisa na Web stranice , a uz neke manje izuzetke prilično je neprimetno u izvršavanju tih video zapisa. Ako objavite video na YouTube-u, možete biti prilično pouzdani da će neko moći da ga gleda.
Ali korišćenje YouTube-a za ugradnju videa ima neke nedostatke
Većina problema sa YouTube-om su na potrošačkoj strani, a ne na strani dizajnera, stvari poput:
- Sporo pretragu i indeksiranje
- Izviđanja servera
- Sadržaj se uklanja (naizgled) proizvoljno
- Previše lošeg sadržaja
Ali postoje neki razlozi zbog kojih je YouTube loš za programera sadržaja, uključujući:
- 10 minuta maksimalne dužine za video zapise (za besplatne račune)
- Slabi učinak prenosa
- YouTube dobija neograničena prava korišćenja na vaš video
- Svaki korisnik YouTube-a dobija neograničena prava korištenja na vaš video
HTML 5 Video daje neke prednosti preko YouTube-a
Upotreba HTML-a 5 za video omogućava vam da kontrolišete svaki aspekt vašeg videa, od ko ga može pogledati, koliko dugo je, šta sadrži sadržaj, gdje je hostovan i kako server radi. HTML 5 video vam daje priliku da kodirate svoj video u onoliko formata koliko vam je potrebno kako biste bili sigurni da je maksimalan broj ljudi može gledati. Vašim korisnicima nije potreban dodatak ili čekati da YouTube pusti noviju verziju.
Naravno, HTML 5 Video nudi neke nedostatke
To uključuje:
- Morate kodirati svoj video u najmanje tri različita kodeke
- Morate uključiti neki JavaScript kako biste osigurali da će pretraživači koji ne podržavaju HTML 5 raditi
- Vaš server mora biti u mogućnosti da upravlja zahtevima propusnog opsega hosting video snimaka
02 od 10
Brzi pregled video podrške na Webu
Dodavanje video sadržaja na Web stranice dugo je bio težak proces. Bilo je toliko stvari koje bi moglo pogrešiti:
- Prvo, koristite
- Dakle, prelazite na oznaku
- Onda mislite " Flash !" I kodirati svoj video kao FLV datoteku. Ali Flash nije podržan na mnogim mobilnim uređajima, a mnogi ljudi mrze Flash bez obzira kako se koristi (25% ispitanika u mojoj anketi pitaju kako mislite o Flash-u izjavili da ne mogu podnijeti Flash na bilo koji način).
- Vi odlučite da otpremite video na sajt za ugradnju video snimaka kao što je YouTube, ali onda imate problema sa YouTube-om o kojem smo razgovarali.
- Konačno, odlučite da idete sa HTML-om 5, ali Internet Explorer to ne podržava (a ne Internet Explorer 9). Čak i ako to učinite, postoje dva standarda za video kodek koji podržavaju i samo jedan pretraživač koji mogu koristiti i oba. Podrška pretraživača za video kodekse i kontejnere
Pa šta bi trebao da uradiš? Davanje video zapisa više nije opcija za većinu lokacija, jer video postaje sve važniji. I mnoge lokacije su uspešno prešle na video.
Naredne stranice ovog članka će vas provjeriti kako da dodate video na svoje Web stranice koje rade u Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 i 4, iPhone i Android, Flash i Internet Explorer 7 i 8. Vi ćete takođe imaju ključeve koji su vam potrebni za dodavanje podrške drugim starijim pregledačima ako je potrebno.
03 od 10
Kreirajte i uredite svoj video
Prva stvar koju trebate kada stavite video na Web stranicu je stvarni video. Možete stalno snimati i urediti naknadno kako biste kreirali funkciju, ili možete skriptirati i planirati unapred. U svakom slučaju dobro funkcioniše, to je samo ono što vam se dopada. Ako ne znate koju vrstu video snimka treba da napravite, pogledajte ove ideje iz Desktop Video Guide:
- Porodični video projekti
- Marketing i promocije
- Video virtuelni izleti
- Kako do videa
- Vjenčanje videa
Saznajte kako snimiti kvalitetan video
Pobrinite se da znate kako snimati u zatvorenom prostoru i na otvorenom, kao i kako snimati zvuk. Osvjetljenje je također vrlo važno - snimci koji su suviše sjajni boli oči, a previše tamne samo izgledaju blatne i neprofesionalne. Čak i ako planiraš samo 30 sekundi video na svojoj web lokaciji, što je kvalitetniji, to će bolje odražavati na vašoj web stranici.
Zapamtite takođe da se autorsko pravo odnosi na bilo koji zvuk ili muziku (kao i snimke) koji biste možda želeli da koristite u vašem video snimku. Ako nemate pristup prijateljici koji može da piše i reprodukuje pesmu za vas, moraćete da pronađete muziku bez muzike za igranje u pozadini. Takođe postoje mesta na kojima možete stavljati snimke kako biste ih dodali u svoje video zapise.
Uređivanje vašeg videa
Nije važno koji softver za uređivanje koristite, samo dok ste upoznati sa njim i možete ga efikasno koristiti. Gretchen, Desktop Video Guide, ima nekoliko profesionalnih saveta za uređivanje video snimaka koji vam mogu pomoći da uređujete svoje video zapise tako da izgledaju sjajno.
Snimite svoj video na MOV ili AVI (ili MPG, CD, DV)
Za ostatak ovog tutorijala, pretpostavljamo da ste video snimili u nekoj vrsti visokokvalitetnog (nekomprimovanog) formata kao što je AVI ili MOV. Dok možete koristiti ove datoteke kakve jesu, nalazite se u svim problemima s video zapisima o kojima smo već razgovarali. Sledeće stranice će objasniti kako pretvoriti datoteku u tri tipa, tako da ga može pogledati najveći broj pretraživača.
04 od 10
Pretvorite Video u Ogg za Firefox
Prvi format kojim ćemo se pretvoriti je Ogg (ponekad se zove Ogg-Theora). Ovaj format je taj koji Firefox 3.5, Opera 10.5 i Chrome 3 mogu svi pregledati.
Nažalost, dok Ogg podržava pretraživač, mnogi od poznatih video programa koje možete kupiti (Adobe Media Encoder, QuickTime, itd.) Ne nude Ogg konverziju opciju. Jedini način da konvertujete svoj video u Ogg je pronalaženje programa konverzije na Webu.
Opcije konverzije
Postoji online alat pod nazivom Media-Convert koji pretpostavlja pretvaranje različitih formata video (i audio) u druge video (i audio) formate. Kada smo probali sa mojim 3-sekundnim testom, mi nismo mogli da radimo na svom Mac-u. Ali možda ćete imati bolju sreću. Ova stranica ima prednost da bude besplatna.
Neki drugi alati koje smo pronašli uključuju:
- Miro Video Converter (Windows Macintosh) - Ovaj program koristi konverziju na Ogg i MP4 (H.264) i otvoren je izvor.
- Koyote Video Converter (Windows)
- Free Video Converter Mislimo da ima i Windows i Macintosh verziju, ali je bilo teško reći na njihovoj web lokaciji
- Jednostavni Theora Encoder (Macintosh) - ovo je onaj koga ćemo koristiti.
Kada snimite video u Ogg formatu, sačuvajte ga na lokaciji na svojoj web lokaciji i idite na sledeću stranicu kako biste je pretvorili u druge formate za druge pregledače.
05 od 10
Pretvoriti Video u MP4 za Safari
Sledeći format u koji biste trebali pretvoriti video u MP4 (H.264 video), tako da se može igrati na Safari 3 i 4 i iPhone i Android. Plus, H.264 video zapisi se lako pretvaraju u FLV datoteke za gledanje na Flash.
Ovaj format je lakše dostupan u komercijalnim proizvodima, a verovatno već imate program koji će se pretvoriti u MP4 ako imate video editor. Ako imate Adobe Premiere možete koristiti Adobe Video Encoder, ili ako imate QuickTime Pro koji će raditi isto tako. Mnogi pretvarači o kojima smo razgovarali na prethodnoj stranici takođe će pretvoriti video zapise u MP4.
- Media-Convert - online alat
- Miro Video Converter (Windows Macintosh) - Ovaj program koristi konverziju na Ogg i MP4 (H.264) i otvoren je izvor.
- SUPER (Windows) - pretvoriti mnogo različitih tipova datoteka u MP4 i FLV
- Free Video Converter Mislimo da ima i Windows i Macintosh verziju, ali je bilo teško reći na njihovoj web lokaciji
Sačuvajte svoju MP4 datoteku na svojoj web lokaciji, a zatim ćete je morati pretvoriti u Flash za Internet Explorer za korištenje.
06 od 10
Pretvoriti Video u FLV za Internet Explorer
Najlakši način za pretvaranje video zapisa u FLV je korišćenje Flash-a. Tako konvertujemo svoje video zapise u Flash. Ali ako nemate Flash, ovde su dva popularna alata za pretvaranje datoteka u FLV:
- SUPER (Windows) - pretvoriti mnogo različitih tipova datoteka u MP4 i FLV
- ffmpegX (Macintosh) - pretvoriti mnogo različitih tipova datoteka na Mp4 i FLV.
Sačuvajte FLV datoteku na svojoj web lokaciji, a na sledećoj stranici će se prikazati kako napisati HTML kako biste mogli da reprodukujete svoje video zapise.
07 od 10
Dodajte video element na svoju web stranicu
Veoma je lako koristiti HTML 5 za dodavanje video zapisa na Web stranice. Većina modernih pretraživača podržava HTML 5 video, iako ih svi ne podržavaju na isti način. Međutim, to znači da ako snimite svoj video kao Ogg i MP4 formate, moći ćete da napišete samo četiri ili pet redova HTML-a kako biste ga prikazali u većini modernih pretraživača (osim Internet Explorer-a 8). Evo kako:
- Napišite HTML oznaku doctype 5 tako da browseri znaju da očekuju HTML 5:
- Kreirajte svoju Web stranicu kao što biste to normalno kreirali:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Unutar tela postavite oznaku <video>: <blockquote> <video> </ video> </blockquote></li><li> Odlučite koje atribute želite da vaš video ima: <ul><li> autoplay - da započnete čim se preuzme </li><li> kontrole - dozvoli vašim čitaocima da kontrolišu video (pauzu, premotavanje unazad, brzo napred) </li><li> petlja - pokrenite video od početka kada se završi </li><li> preload - unapred preuzmite video tako da je spremniji brže kada klijent klikne na njega </li><li> poster - definišite sliku koju želite koristiti kada je video zaustavljen </li></ul> Preporučujemo korištenje kontrola i preload. Koristite opciju postera ako vaš video nema dobru prvu scenu. <blockquote> <video kontrola preload> </ video> </blockquote></li><li> Zatim dodajte izvorne datoteke za dve verzije vašeg video snimka (MP4 i OGG) unutar elementa <video>: <blockquote> <video kontrola preload> <br> <source src = "shasta.mp4" type = 'video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; kodeki = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Otvorite stranicu u Chrome 1, Firefox 3.5, Opera 10 i / ili Safari 4 i proverite da li se ispravno prikazuje. Trebali biste ga testirati u najmanje Firefox 3.5 i Safari 4 - pošto svaki od njih koristi drugačiji kodek. </li></ol><p> To je to. Jednom kada imate ovaj kod na mestu ćete imati video koji radi u Firefox 3.5, Safari 4, Opera 10 i Chrome 1. Ali šta je sa Internet Explorer-om? </p> <h3> Internet Explorer ne voli HTML 5 ili <video> oznaku </h3><p> U sledećem odeljku ćemo pričati o tome šta možete da uradite kako bi IE 8 dobro igrala sa HTML oznakama videa i prikazala video. Morate koristiti Flash. Dobra vijest je da se očekuje da IE 9 podržava HTML 5 i video oznaku. </p> <p> <strong>08 od 10</strong> </p> <h3> Dodajte JavaScript i Flash Player da biste dobili Internet Explorer za rad </h3><p> Možda ste primijetili da na HTML-u prethodne stranice nije bilo linije izvora za FLV datoteku. A ako ste testirali tu stranicu u programu Internet Explorer, to ne bi funkcionisalo. To je zato što Internet Explorer ne prepoznaje HTML 5 i ne može reproducirati ni video niti OGG ili MP4 video zapise. Kako bi Internet Explorer 7 i 8 mogli da rade, potrebno je da je reprodukujete kao Flash. Međutim, ima više koraka da se radi na radu nego samo dodavanje FLV datoteke. </p> <h3> 1. korak: Uzmite Flash Video Player za vašu web stranicu </h3> <p> Preporučujemo da dobijete FlowPlayer zato što je Flash player sa otvorenim izvorima koji možete instalirati na vašem Web serveru i koristiti kad god imate Flash video za reprodukciju. Besplatna verzija FlowPlayer ubacuje reklame u svoje video zapise, ali takođe možete kupiti komercijalne licence ako su vam potrebne. </p> <p> Pratite uputstva na FlowPlayer sajtu kako biste instalirali FlowPlayer na vašoj web lokaciji. Na kratko ćete instalirati 2 SWF datoteke i datoteku JavaScript na vašoj web lokaciji. Na dnu HTML-a, (prije oznake </ body>) dodate liniju: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Ali Internet Explorer još uvijek neće reprodukovati video, morate ga naučiti kako prepoznati HTML 5 oznake. </p> <h3> Korak 2: ubediti Internet Explorer da pročita HTML 5 oznake </h3><p> Postoji praktičan skript na Google kodu pod nazivom "HTML Shiv" koji će pomoći IE u prepoznavanju HTML 5 elemenata. Dakle, u <head> vašem HTML dokumentu želite da ga referišete. Najbolje je da je priložite u IE uslovne komentare tako da drugi pregledači nisu zbunjeni: </p> <blockquote> <! - [ako IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> U redu, IE će sada prepoznati oznaku <video>, ali neće znati šta da radi sa izvornim datotekama koje ste do sada uključili. </p> <h3> Korak 3: Dodajte izvornu liniju za FLV datoteku </h3><p> Kao što ste i učinili na prethodnoj stranici, dodali ćete liniju HTML 5 unutar elementa <video> koji označava gde ste sačuvali FLV datoteku na vašem serveru. </p> <blockquote> <video kontrola preload> <br> <source src = "shasta.mp4" type = 'video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; kodeki = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>kodeki = "On2 VP6, Sorenson Spark, Screen video, Screen video 2, H.264" '></strong> <br> </ video> </blockquote><p> <strong>09 od 10</strong> </p> <h3> Dodajte JavaScript i Flash Player da biste dobili Internet Explorer za rad - Dio 2 </h3><p> Na žalost, još uvek nismo gotovi. Moramo sada reći IE-u da koristi FlowPlayer Flash video plejer na koji smo gore navedeni. </p> <h3> Korak 4: Okrenite <video> Element Into Flash </h3><p> Za ovo nam treba još jedna skripta. Dobili smo scenario od <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Ali kada smo ga testirali, to nije funkcionisalo sve dok ne napravimo nekoliko podešavanja: </p> <ul><li> Oko linije 31: dodajte lokaciju vaše FlowPlayer instalacije. </li><li> Oko linije 42: promenite tip datoteke sa <blockquote> video / mp4 </blockquote> to <blockquote> video / x-flv </blockquote></li><li> Oko linije 94: počevši od <blockquote> ako (!! $ && !! $ (dokument) .ready) { </blockquote> do kraja dokumenta, promeni taj odeljak kako bi pročitao: <blockquote> // ako (!! $ && !! $ (dokument) .ready) { <br> / * Korisnici jQuery mogu inicijalizirati čim DOM bude spreman * / / <br> // $ (dokument) .ready (html5_video_init); <br> //} else { <br> / * Svi ostali mogu da sačekaju dok se ne učita * / <br> / * addEvent funkcija preko http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / / <br> var addEvent = funkcija (obj, tip, fn) { <br> ako (obj.addEventListener) <br> obj.addEventListener (tip, fn, false); <br> drugo ako (obj.attachEvent) <br> obj.attachEvent ('on' + tip, funkcija () {povratak fn.apply (obj, novi Array (window.event));}); <br> } <br> addEvent (prozor, "load", html5_video_init); <br> //} </blockquote></li></ul><p> Kada unesete datoteku JavaScript, otpremite je na svoj server i povežite ga na dnu vaše HTML stranice (pre </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Dušo! Sada kada ste sve to uradili, trebali biste otpremiti HTML tako da možete započeti testiranje. </p> <p> <strong>10 od 10</strong> </p> <h3> Testirajte kako što više pretraživača možete </h3><p> Testiranje video stranica je kritično ako želite uspješno lansirati. Trebali biste biti sigurni da testirate svoju stranicu u najpopularnijim pretraživačima i verzijama za vašu web stranicu. </p> <p> Našli smo da, iako je moguće koristiti alate kao što su BrowserLab i AnyBrowser za testiranje video zapisa, nije toliko pouzdano kao što sami podižete stranicu u pregledaču. Kada to uradite, zaista možete da vidite da li radi ili ne. </p> <p> Pošto ste otišli do svih problema da kodirate svoj video u tri formata, trebalo bi da ga testirate kako biste bili sigurni da će se prikazati u sva tri. To znaèi, minimum, da ga testirate u: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 ili 4 </li><li> Internet Explorer 7 ili 8 </li></ul><p> Možete da testirate u Chrome-u, ali pošto će Chrome prikazati sva tri načina (čak i Flash, ako imate dodatak), teško je reći da li postoji problem sa jednim od drugih ili koji kôd koristi Chrome. </p> <p> Za vašu bezbrižnost, također biste trebali testirati starije pregledače da biste videli šta rade, pogotovo ako mnogi vaši čitaoci koriste starije pregledače. </p> <h3> Dobijanje video zapisa u starijim pregledačima </h3><p> Kao i sa bilo kojom Web stranicom, trebalo bi prvo razmotriti koliko je važno da se ovi pretraživači rade. Ako 90% vaših kupaca koristi Netscape, onda biste im trebali imati rezervni plan za njih. Ali ako manje od 1% čini, to možda nije toliko važno. </p> <p> Jednom kada odlučite o kojim pretraživačima ćete pokusati da podržite, najlakši način je jednostavno napraviti alternativnu stranicu za njih da bi videli video. Na toj alternativnoj stranici, ugrađivali biste video pomoću HTML 4. A zatim bilo da koristite neki oblik otkrivanja pregledača da ih tamo preusmjerite ili samo dodate vezu na tu stranicu na ovom. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/koriscenjem-html5-shiv-da-biste-omogucili-html-5-u-starim-verzijama-internet-explorer-a/"> <amp-img src="https://exse.eyewated.com/pict/39003905e0773027-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/koriscenjem-html5-shiv-da-biste-omogucili-html-5-u-starim-verzijama-internet-explorer-a/">Korišćenjem HTML5 Shiv da biste omogućili HTML 5 u starim verzijama Internet Explorer-a</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-kreirati-html-prostor/"> <amp-img src="https://exse.eyewated.com/pict/d828541cc37d2fe5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-kreirati-html-prostor/">Kako kreirati HTML prostor</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/zasto-koristiti-semanticki-html/"> <amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/zasto-koristiti-semanticki-html/">Zašto koristiti Semantički HTML?</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/html-kodovi-za-znakove-poljskog-jezika/"> <amp-img src="https://exse.eyewated.com/pict/3a843da345b63435-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/html-kodovi-za-znakove-poljskog-jezika/">HTML kodovi za znakove poljskog jezika</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-da-pogledate-html-izvor-u-google-chrome-u/"> <amp-img src="https://exse.eyewated.com/pict/adff2724bc843500-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-da-pogledate-html-izvor-u-google-chrome-u/">Kako da pogledate HTML izvor u Google Chrome-u</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/uvod-u-bluefish-tekst-html-editor/"> <amp-img src="https://exse.eyewated.com/pict/1c9b46d24949324c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/uvod-u-bluefish-tekst-html-editor/">Uvod u Bluefish Tekst HTML Editor</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-pretvoriti-word-dokument-u-html/"> <amp-img src="https://exse.eyewated.com/pict/aea5b69ee3ce2fdb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-pretvoriti-word-dokument-u-html/">Kako pretvoriti Word dokument u HTML</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/sveobuhvatna-lista-html-kodova-za-znakove-turskog-jezika/"> <amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sveobuhvatna-lista-html-kodova-za-znakove-turskog-jezika/">Sveobuhvatna lista HTML kodova za znakove turskog jezika</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/html-i-xml-urednici-za-linux-i-unix/"> <amp-img src="https://exse.eyewated.com/pict/50580a284b573169-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/html-i-xml-urednici-za-linux-i-unix/">HTML i XML urednici za Linux i Unix</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/grand-theft-auto-kodovi-za-vrezu-za-vicu-city-walkthroughs/"> <amp-img src="https://exse.eyewated.com/pict/94b8d44af86f34cd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/grand-theft-auto-kodovi-za-vrezu-za-vicu-city-walkthroughs/">Grand Theft Auto: Kodovi za vrežu za viču City & Walkthroughs</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/free-music-catalog-software-indeksirajte-svoje-pesme-da-ih-pronadjete-brzo/">Free Music Catalog Software: indeksirajte svoje pesme da ih pronađete brzo</a></h3> <div class="amp-related-meta"> Softver i aplikacije </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/6-najboljih-usb-tv-tjunera-za-kupovinu-2018/">6 najboljih USB TV tjunera za kupovinu 2018</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/pregled-yamaha-a-s500-hi-fi-integrirani-pojacavac/"> <amp-img src="https://exse.eyewated.com/pict/1f501ea4fe693249-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/pregled-yamaha-a-s500-hi-fi-integrirani-pojacavac/">Pregled: Yamaha A-S500 Hi-Fi integrirani pojačavač</a></h3> <div class="amp-related-meta"> Product Reviews </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/hp-photosmart-d110-visenamenski-stampac/"> <amp-img src="https://exse.eyewated.com/pict/a16e8ff0330934f3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/hp-photosmart-d110-visenamenski-stampac/">HP Photosmart D110 višenamenski štampač</a></h3> <div class="amp-related-meta"> Product Reviews </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-upravljati-pretrazivacima-u-maxthonu-za-windows/"> <amp-img src="https://exse.eyewated.com/pict/8660e303370e3388-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-upravljati-pretrazivacima-u-maxthonu-za-windows/">Kako upravljati pretraživačima u Maxthonu za Windows</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-zumirati-na-e-postu-u-iphone-u/"> <amp-img src="https://exse.eyewated.com/pict/f9a36edcbc7a349f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-zumirati-na-e-postu-u-iphone-u/">Kako zumirati na e-poštu u iPhone-u</a></h3> <div class="amp-related-meta"> IPhone i iPod </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-se-prijaviti-na-aim-na-webu/">Kako se prijaviti na AIM na Webu</a></h3> <div class="amp-related-meta"> Softver i aplikacije </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/pc-vs-console-za-online-gaming/"> <amp-img src="https://exse.eyewated.com/pict/721943297cd934f3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/pc-vs-console-za-online-gaming/">PC vs. Console za Online Gaming</a></h3> <div class="amp-related-meta"> Igraće konzole </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-odabrati-foto-skener/"> <amp-img src="https://exse.eyewated.com/pict/5f4b75f1e9103349-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-odabrati-foto-skener/">Kako odabrati foto skener</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/sample-datoteke-robots-txt-za-vasu-web-stranicu/">Sample datoteke robots.txt za vašu web stranicu</a></h3> <div class="amp-related-meta"> Web dizajn & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/objasnjeno-je-30-30-30-pravilo-o-cvrstom-resetiranju-za-rutere/"> <amp-img src="https://exse.eyewated.com/pict/1806ff1349593837-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/objasnjeno-je-30-30-30-pravilo-o-cvrstom-resetiranju-za-rutere/">Objašnjeno je 30-30-30 Pravilo o čvrstom resetiranju za rutere</a></h3> <div class="amp-related-meta"> Internet i mreža </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/101-besplatne-online-alternative-za-popular-desktop-softver/"> <amp-img src="https://exse.eyewated.com/pict/1ff7c99b47463539-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/101-besplatne-online-alternative-za-popular-desktop-softver/">101 Besplatne online alternative za Popular Desktop softver</a></h3> <div class="amp-related-meta"> Veb i pretraživanje </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/opcije-popravki-za-pukotine-iphone-ekrana/"> <amp-img src="https://exse.eyewated.com/pict/d7978d12ed7f3493-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/opcije-popravki-za-pukotine-iphone-ekrana/">Opcije popravki za pukotine iPhone ekrana</a></h3> <div class="amp-related-meta"> IPhone i iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/koristite-mac-boot-manager-da-biste-izbacili-zaglavljeni-cd-dvd/"> <amp-img src="https://exse.eyewated.com/pict/2dc32d71b6ea2f6a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/koristite-mac-boot-manager-da-biste-izbacili-zaglavljeni-cd-dvd/">Koristite Mac Boot Manager da biste izbacili zaglavljeni CD / DVD</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kocka-besplatna-pc-igra/"> <amp-img src="https://exse.eyewated.com/pict/db727a923e062ef3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kocka-besplatna-pc-igra/">Kocka - Besplatna PC igra</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kako-da-vidite-lokalno-vreme-posiljaoca-u-gmail-u/"> <amp-img src="https://exse.eyewated.com/pict/dc7660798d2334b9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kako-da-vidite-lokalno-vreme-posiljaoca-u-gmail-u/">Kako da vidite Lokalno vreme pošiljaoca u Gmail-u</a></h3> <div class="amp-related-meta"> E-pošta i poruke </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/wise-registry-cleaner-v9-61/"> <amp-img src="https://exse.eyewated.com/pict/c113169515a83673-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/wise-registry-cleaner-v9-61/">Wise Registry Cleaner v9.61</a></h3> <div class="amp-related-meta"> Softver i aplikacije </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/najbolji-auto-za-iphone-i-smartphone/"> <amp-img src="https://exse.eyewated.com/pict/23df8b30037432d2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/najbolji-auto-za-iphone-i-smartphone/">Najbolji auto za iPhone i Smartphone</a></h3> <div class="amp-related-meta"> Vodiči za kupovinu </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/kakvu-vrstu-igara-mogu-preuzeti-za-ps-vita/"> <amp-img src="https://exse.eyewated.com/pict/41d4a09d509e2f16-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/kakvu-vrstu-igara-mogu-preuzeti-za-ps-vita/">Kakvu vrstu igara mogu preuzeti za PS Vita?</a></h3> <div class="amp-related-meta"> Igraće konzole </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/5-stvari-koje-su-pocetnici-trebali-znati-o-bazama-podataka/"> <amp-img src="https://exse.eyewated.com/pict/dc1752a0f0292feb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/5-stvari-koje-su-pocetnici-trebali-znati-o-bazama-podataka/">5 stvari koje su početnici trebali znati o bazama podataka</a></h3> <div class="amp-related-meta"> Softver </div> </div> </div> <div class="amp-related-content"> <a href="https://bs.eyewated.com/koliko-vata-je-dovoljno-za-predavace/"> <amp-img src="https://exse.eyewated.com/pict/6390a83e8afa34f3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://bs.eyewated.com/koliko-vata-je-dovoljno-za-predavace/">Koliko vata je dovoljno za predavače?</a></h3> <div class="amp-related-meta"> Kućno pozorište </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2025 bs.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.245 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:40:26 --> <!-- 0.002 -->