JavaScript Dynamisches Video auf Website einbinden

[Fat32Tony]

Moin.
Ich würde gerne eine art dynamisch erstelltes Video auf meiner Seite einbinden.

Bereits versucht habe ich:
Video in frames als jpg speichern und per javascript Bilder updaten (20x/sekunde) -> Kurz weißes Bild bei jedem Update, nix für Epileptiker und kaum benutzbar.

1,5 Sekunde lange gifs erzeugen und sekündlich gifs updaten wobei der Anfang der Gifs weiß ist und nur existiert um das Gif zu laden damit es ruckelfrei eingeblendet werden kann -> Habe ich nicht komplett zuende geführt weil Gifs zu groß waren.

Nun stehe ich ein wenig auf dem Schlauch und frage hier mal nach

lg

 

[Daaron]

Dein erster Ansatz funktioniert, wenn du die JPGs vorher lädst. Ich wette, du hast einfach alle paar ms das src-Attribut geändert. Dadurch wird die Grafik erst in dem Moment vom Server geholt und im Client geparsed. Das kann nicht funktionieren.

 

[Fat32Tony]

@Daaron

Genau so habe ich es versucht.
Preload mit Javascript nehme ich an oder gibt es da einen anderen Trick? Oder ein meta tag?

Edit:
Ist das bei einem localhost nicht fast egal ob ich die preloade oder nicht? Das war so mein Gedanke im ersten Moment...

 

[ForestKoepp]

body:after
	{
	content:url(navi/menu_on_02.png) url(navi/menu_off_02.png);
        display: none;
	}

Damit könntest du via CSS Bilder direkt zwischenspeichern und bequem abrufen. Nutzt jedoch nichts, wenn der Client an ner dünnen Leitung hängt^^

 

[Fat32Tony]

Der Content soll allerdings auch dynamisch erstellt werden also ist CSS leider nicht wirklich das Mittel der Wahl :/

 

[Daaron]

$('<img/>')
			.on("load",function(){
				//mach was, wenn Bild geladen
			})
			.on("error",function(){
			})
			.attr("src","neuesBild.jpg");