Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

JavaScript <audio> ontimeupdate player

[es] :: Javascript i AJAX :: JavaScript <audio> ontimeupdate player

[ Pregleda: 1113 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

MilosDj
Milos Djuric
Belgrade

Član broj: 14174
Poruke: 307
*.dynamic.isp.telekom.rs.



+4 Profil

icon JavaScript <audio> ontimeupdate player15.03.2013. u 17:36 - pre 134 meseci
Kao sto naslov kaze, hocu da povezem curent_time iz <audio> taga sa slikama i textom. U sustini to bi bio mali JavaScript player koji uz muziku/glas prikazuje odredjene slike.

Ovo su moje ideje. Recite vase misljenje, kritike, ideje, ima l' nesto bolje...

Prva ideja:

1. linearno vreme mp3/ogg. 1,2,5,58...XYZsec
2. array slika i texta
3. array parova (time1, slika1), ..., (time2, slika2)

if(curent_time > time1) prikazi sliku1; sledeca slika ceka time2 itd


-----------
Druga ideja je arr sa od-do vremenima:

1. isto
2. isto
3. [(slika1, 25,45), ..., (slika2, 35,55)]

To bi malo ukomplikovalo logiku ali ima prednost sto slike mogu da se preklapaju u vremenu prikaza i nestajanja.

-----------------

Treca je najbolja i najlosija u isto vreme:

1. iseckati mp3 na logicke celine koje odgovaraju slici
2. u isto vreme prikazati sliku i pustiti audio. [(slika,audio), ..., (slikaN, auidoN)]

Ako ne gresim, ovo je jedini nacin koji dozvoljava editovanje takvog formata. Ubacivanje novog materijala bi se svelo na new picture + new audio. Bilo bi moguce premestati redosled, timing bi bio perfentan svaki put. Brisanje je trivijalno...
Mana je sto bi seckanje glasa zahtevalo poznavanje nekog audio editora i sto bi se jako brzo namnozilo mnogo malih .mp3/ogg fajlova. Koliko je zaista lose imati 1000 malenih mp3 fajlova u folderu?

I'm not in this world to live up to your expectations and you're not in this world to live up to mine.
 
Odgovor na temu

MilosDj
Milos Djuric
Belgrade

Član broj: 14174
Poruke: 307
*.dynamic.isp.telekom.rs.



+4 Profil

icon Re: JavaScript <audio> ontimeupdate player16.03.2013. u 00:12 - pre 134 meseci
Evo i primera koji prikazuje ontimeupdate

Code:
<html><head><script>

var ekran, audio;

window.onload = function () {

    ekran = document.getElementById('ekran');
    audio = document.getElementById('aud');

    audio.ontimeupdate = function () {
        ekran.innerHTML = audio.currentTime;
    };
};
</script></head><body>

<audio id = 'aud' src="Mists_of_Time-4T.ogg" controls='controls'></audio>
<p id='ekran'></p>

</body></html>

I'm not in this world to live up to your expectations and you're not in this world to live up to mine.
 
Odgovor na temu

[es] :: Javascript i AJAX :: JavaScript <audio> ontimeupdate player

[ Pregleda: 1113 | Odgovora: 1 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.