Wie wird eine Webseite automatisch mit ASP.NET aktualisiert?

Question

Ich habe eine asp.net-Anwendung, die Echtzeit-Video simulieren würde. Ich habe das erworben, mehrere Bilder aus einer MySQL-Datenbank.

Das Problem ist, wie würde es auf der Webseite angezeigt werden.? Ich aktualisiere die Seite 1 Sekunde pro Bild, das Ergebnis sind die Bilder sind abgehackt und Flicker.

Response.AppendHeader("Refresh", "1") 

Wie kann ich die Aktualisierungsrate der Seite 4 Mal pro Sekunde machen? oder gibt es eine Implementierung, die auf kontinentale Weise angezeigt wird?

Ich würde wirklich schätzen, wenn Sie antworten werden. Guten Tag (^ _ ^) ...

Hier ist das Skript, das ich verwende, um die Bilder aus der Datenbank zu lesen.

Wenn dr.Read Dann dr.Read() Response.ContentType = "image/jpeg" 'bekommt, oder legt die Art des Ausgangsstroms Response.BinaryWrite (dr.Item ("file"))', schreibt ein Strom von binären Zeichen an den http Ausgabestrom Else Response.Write ("Es gibt keine aktuelle aktive webccast.") End If dr.Close()

Answer 1

ich entweder würde einig Javascript/Ajax verwenden, um Ändern Sie den Inhalt oder die Meta-Refresh (wahrscheinlich nicht die beste für schnelle Aktualisierung).

Answer 2

Vielleicht müssen Sie darüber nachdenken, mehr als ein Bild auf die Seite zu laden und Javascript zwischen ihnen zu verwenden. Anstatt die Seite zu aktualisieren, können Sie die Bilder mit AJAX abrufen.

Answer 3

create a javascript method to change the image using xmlhttpobject and recursively set a timer 


     function Timer() { 

      setTimeout("getImage(['imageContainer1'])", 200); 
      t = setTimeout("Timer()", 100); 
         } 

     function getImage(params) { 
      var request=getXMLhttpObject(); 
      makeRequest("ajax/ObtainImage.aspx?name='myimage'+param[1]+'.jpg",request, imageResponseHandler(request, params)); 

        } 

    function getXMLhttpObject() { 

      return (navigator.appName == "Microsoft Internet Explorer")? new ActiveXObject("Microsoft.XMLHTTP"):new XMLHttpRequest(); 
           } 

function makeRequest(url,request, Handler) { 

      request.open("GET", url, true); 
      request.onreadystatechange = Handler; 
      request.send(null); 

     } 


    function imageResponseHandler(request,params) { 
      return function() { 
       if (request.readyState == 4) 
        document.getElementById(params[0]).src = request.responseText; 
      } 

     } 

Answer 4

Wenn Sie wirklich Video simulieren möchten, müssen Sie mindestens 15 Bilder je Sekunde (15 fps) angezeigt werden können. Es ist keine gute Idee, so viele Anfragen pro Sekunde zu stellen.

Wenn Sie unbedingt das tun müssen, würde ich „Pufferung“ die Bilder zuerst schlagen vor ihnen, und wenn möglich, die Anzeige, so dass sie in den Reihen holen:

buffer = []  // cache loaded images 
bufferSize = 30 // load 30 images before playing 

function loadImage(src) { 
    var img = new Image() 
    img.src = src 
    buffer.push(img) 
} 

function animate(target) { 
    if (buffer.length > 0) { 
     var img = buffer.shift() 
     document.getElementById(target).src = img.src 
    } 
} 

function bufferImages() { 
    for (var i=0; i<bufferSize; i++) { 
     loadImage('/ajax/ObtainImage.aspx?name=img') 
    } 
} 

setInterval("animate('imgTarget')", 65) // should give us about 15fps 
setInterval("bufferImages()", 1000) // every second 

Answer 5

Fügen Sie diese auf den Kopf Ihrer html Dokument. Nicht der effizienteste Weg, aber es wird funktionieren.

<meta http-equiv="refresh" content=".25" />