各フレームをRaw ImageData形式(RGBAの順に1ピクセルあたり4バイト)で送信することにより、WebSocketでビデオをストリーミングします。クライアント上の各フレーム(ArrayBuffer)を受け取ったとき、できるだけ効率的にキャンバスにこの画像をペイントしたいと考えています(putImageDataを使用)。 これは私の現在のソリューションです: // buffer is an
HTMLキャンバスでピクセルレベルの操作をしていて、putImageData()機能のバグがありました。ここに私のコードは次のとおりです。 var can = document.getElementById("canvasID");
var ctx = can.getContext("2d");
var picToAlter = document.getElementById("image")