Salve.
Ho un problemino con i files audio esterni. Ho un sito con delle immagini che scorrono, sincronizzate con un file audio. Ovvero: sincronizzate se guardo il file che è sul mio PC; quando, invece, le guardo dal file sul WEB, non sono più sincronizzate, perché il preload delle immagini fa attendere che siano tutte scaricate, mentre il file audio (con EMBED) parte subito.
C'è qualche accorgimento per far aspettare che sia completamente caricato anche lui?
GRAZIE.
Ciao Marcello, pur non essendo un forte sostenitore del flash ritengo che come "lettore" musicale per il web sia il migliore per praticità, velocità, leggerezza, e funziona ormai con tutti i tipi di browser. Sopratutto nel come tuo caso che necessità di sincronizzazione con immagini.
Detto questo mi sembra di capire che carichi tutto immagini e musica in tal caso forse mettendo un preload di su tutta la pagina dovresti risolvere.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Ecco qua quel che ho fatto (con Javascript sono una schiappa, come si vede).
Come faresti a mettere tutto sotto il preload?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>15-VID</title>
<link rel=stylesheet href="../template/fogliostile.css" type="text/css">
<script language="JavaScript">
<!--
function fun2() {
win = window.open("#2","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun3() {
win = window.open("#3","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun4() {
win = window.open("#4","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun5() {
win = window.open("#5","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun6() {
win = window.open("#6","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun7() {
win = window.open("#7","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun8() {
win = window.open("#8","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun9() {
win = window.open("#9","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun10() {
win = window.open("#10","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun11() {
win = window.open("#11","AREAS");
}
//-->
</script>
<script language="JavaScript">
<!--
function fun12() {
win = window.open("2contenuto.htm","AREAS");
}
//-->
</script>
</head>
<body
onLoad="
setTimeout('fun2()',7000),
setTimeout('fun3()',10000),
setTimeout('fun4()',17000),
setTimeout('fun5()',27000),
setTimeout('fun6()',34500),
setTimeout('fun7()',45000),
setTimeout('fun8()',73000),
setTimeout('fun9()',86000),
setTimeout('fun10()',130000),
setTimeout('fun11()',148000),
setTimeout('fun12()',157000)"
bgcolor="#CED8EF" topmargin=0 leftmargin=0 scroll=no style="overflow:hidden">
<div style="position: absolute; left:0px; top:0px;">
<EMBED SRC="audio/arca.mp3" autostart="true" WIDTH="0" HEIGHT="0" WIDTH="0" HEIGHT="0">
</div>
<div id="vis1"><A name="1"></A>
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca01b.jpg[/img]
</div></div>
<div id="vis2"><A name="2">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca02c.jpg[/img]
</div></div>
<div id="vis3"><A name="3">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca03c.jpg[/img]
</div></div>
<div id="vis4"><A name="4">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca01b.jpg[/img]
</div></div>
<div id="vis5"><A name="5">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca04b.jpg[/img]
</div></div>
<div id="vis6"><A name="6">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca05b.jpg[/img]
</div></div>
<div id="vis7"><A name="7">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca06b.jpg[/img]
</div></div>
<div id="vis8"><A name="8">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca07b.jpg[/img]
</div></div>
<div id="vis9"><A name="9">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca08b.jpg[/img]
</div></div>
<div id="vis10"><A name="10">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca09b.jpg[/img]
</div></div>
<div id="vis11"><A name="11">
<div style="padding:0px 0px 0px 0px;">
[img]grafica/arca110c.jpg[/img]
</div></div>
</div></div>
</body>
</html>
Come t'ho già detto ritengo che sia meglio flash (ed sicuramente un mio limite) pertanto l'unico consiglio che posso darti è impostare il file mp3 su false in modo che non parta, ed associalo alle immagini.
Questo in teoria in pratica (se vuoi prosegui questa strada) studia le ottime guide che trovi qui
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Permessi di invio
Rispondi quotando