Refresh d'une image

Refresh d'une image - HTML/CSS - Programmation

Marsh Posté le 26-07-2007 à 13:12:15    

Bonjour, je cherche a faire du streaming video via une page html.
Voici mon petit bout de code :  
 

Code :
  1. <script type="text/javascript">
  2. <!--
  3. function refresh() {
  4. unique = new Date();
  5. document.getElementById("image" ).innerHTML = '<img src="http://192.168.0.90:8888/image.jpeg&unique=' + unique.getTime() + '" alt="Streaming MJPEG" />';
  6. setTimeout("refresh()", 100);
  7. }
  8. //-->
  9. </script>
  10. <div id="image">Image</div>
  11. <script type="text/javascript">
  12. <!--
  13. refresh();
  14. //-->
  15. </script>


 
ca fonctionne parfaitement sauf que l'image clignote :/
Existe t il un moyen de faire tout pareil mais sans que l'image clignote ?  :)  
 
Merci.

Reply

Marsh Posté le 26-07-2007 à 13:12:15   

Reply

Marsh Posté le 26-07-2007 à 13:28:58    

c'est un peu bourrin d'appeler ça du streaming vidéo, non ?


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 26-07-2007 à 13:42:10    

du streaming mjpeg ?! :)

Reply

Marsh Posté le 26-07-2007 à 13:57:40    

mais c'est un coup a faire sauter le serveur ca...
 
il existe des protocoles spécialisé pour le streaming non ?

Reply

Marsh Posté le 26-07-2007 à 14:02:59    

Je vous demande pas le pourquoi du comment :/
Je vous demande s'il existe un moyen de faire ce que je demande :)
 
Soit vous savez et vous me répondez, soit vous ne savez pas.

Reply

Marsh Posté le 26-07-2007 à 14:05:31    

utilise l'objet Image plutot que de bourriner a coup de innerHTML, ça me parait beaucoup plus adapté!!!
exemple:

Code :
  1. <script type="text/javascript"
  2. function refresh() {
  3.         var unique = new Date();
  4.         document.images.tonImage.src = "http://192.168.0.90:8888/image.jpeg&unique=" + unique.getTime(); // ou via getElementById ça revient au même :o
  5. }
  6. window.onload = function (){
  7.         setInterval("refresh()", 100);
  8. }
  9. </script>
  10. ...
  11.     <img id="tonImage" alt="streaming mjpeg"/>
 
azubal a écrit :

Je vous demande pas le pourquoi du comment :/
Je vous demande s'il existe un moyen de faire ce que je demande :)
Soit vous savez et vous me répondez, soit vous ne savez pas.


C'est pas en causant comme ça que tu vas t'attirer la sympathie de ceux qui se donnent la peine de répondre...


Message édité par anapajari le 26-07-2007 à 14:07:44
Reply

Marsh Posté le 26-07-2007 à 14:09:05    

Ahhh, ca marche parfaitement.
 
Merci a toi anapajarl :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed