<body>
<canvas id="canvas" style="width: 400px; height: 160px" width="1920" height="1080"></canvas>
</body>
<script>
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
// 調(diào)起攝像頭并把圖像實時展示在video上
navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {
const video = document.createElement('video');
video.srcObject = stream;
video.onloadedmetadata = () => {
video.play();
// 把video的圖像實時展示在canvas上 使用requestAnimationFrame
function draw() {
ctx.drawImage(video, 0, 0, 1920, 1080);
requestAnimationFrame(draw);
}
draw();
};
});
</script>
把攝像頭圖像實時傳輸?shù)絚anvas顯示
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門盖桥，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人题翻，你說我怎么就攤上這事揩徊。” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵塑荒，是天一觀的道長熄赡。 經(jīng)常有香客問我，道長齿税，這世上最難降的妖魔是什么彼硫？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮凌箕，結(jié)果婚禮上拧篮，老公的妹妹穿的比我還像新娘。我一直安慰自己牵舱，他們只是感情好串绩，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著仆葡，像睡著了一般赏参。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上沿盅，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼费彼！你這毒婦竟也來了滑臊？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布每庆，位于F島的核電站臼疫，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏扣孟。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一荣赶、第九天 我趴在偏房一處隱蔽的房頂上張望凤价。 院中可真熱鬧，春花似錦拔创、人聲如沸利诺。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽慢逾。三九已至，卻和暖如春灭红，著一層夾襖步出監(jiān)牢的瞬間侣滩，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- WebRTC唯竹，名稱源自網(wǎng)頁實時通信（Web Real-Time Communication）的縮寫，是一個...
- opencv讀取的攝像頭圖像不需要寫入硬盤苦丁，可以直接在內(nèi)存中處理和傳輸浸颓，由于自己原來不知道，特意記錄下來 壓縮圖像...
- 轉(zhuǎn)載自: opencv 實現(xiàn)對攝像頭輸入圖像中文件及證件等的實時跟蹤，四邊形檢測及提取 本文轉(zhuǎn)載內(nèi)容账阻，修改了一些運...
- 新接到一個實時獲取攝像頭當(dāng)前照片的需求蒂秘，在設(shè)定的時間內(nèi)需要保持?jǐn)z像頭處在開啟狀態(tài)并可以實時回調(diào)到當(dāng)前的圖片數(shù)據(jù)信息...
