Uncaught TypeError：null Node.jsのプロパティ 'getContext'を読み取ることができません

Question

プロジェクトのストリーミングビデオを作成しようとしていますが、htmlを含むnode.jsに作成中です。このエラーで終了できません。 Uncaught TypeError: Can not read property 'getContext' of null

その後、私はその問題を解決する必要がありますが、私は私が解決策と、このタイプのエラーを求めたことができないため、どれも、私はこれらの行にコメントしていた唯一の問題 に動作するように私のためにアップ働かない：

var context = canvas.getContext("2d"); 

     canvas.width = 800; 
     canvas.height = 600; 

     context.width = canvas.width; 
     context.height = canvas.height 

私のプロジエクトのコードはここにあります： Emitirビデオ

<canvas style = "display:none;" id "preview" width='1280' height='720'></canvas> 

    <div id = "logger"></div> 

    <script type="text/javascript"> 
     var canvas = document.getElementById("preview"); 
     var context = canvas.getContext("2d"); // This is the line that generates the error 

     canvas.width = 800; 
     canvas.height = 600; 

     context.width = canvas.width; 
     context.height = canvas.height; 

     var video = document.getElementById("video"); 
     var socket = io(); 

     function logger(msg) 
     { 
      $("#logger").text(msg); 
     } 

     function loadCam(stream) 
     { 
      video.src = window.URL.createObjectURL(stream); 
      logger('Camara cargada correctamente [OK]'); 
     } 

     function loadFail() 
     { 
      logger('Camara no conectada, Favor Conectela'); 
     } 

     function viewVideo(video,context) 
     { 
      context.drawImage(video,0,0,context.width,context.height); 
      socket.emit('stream',canvas.toDataURL('image/webp')); 
     } 

     $(function(){ 
      navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msgGetUserMedia); 

      if (navigator.getUserMedia) 
      { 
       navigator.getUserMedia({video: true}, loadCam, loadFail); 
      } 
      //1000 = 1 Seg. 

      setInterval(function(){ 
       viewVideo(video,context); 
      },70); 

     }); 
    </script> 

</body> 
</html> 

私は助けapreciateますありがとうございました。

Answer 1

あなたは、あなたが次のエラーが等号は `<キャンバス... ID「のプレビューに欠けているインスタンスのためのいくつかのタイプミスは、あります