Safari浏览器中的GetDisplayMedia屏幕截图?
这是生成图像的代码,
console.log('--imageCapture');
const btn = document.querySelector('#btn')
btn.addEventListener('click',()=>{
screenshot()
})
function screenshot(){
const canvas = document.createElement("canvas");
// Request media
navigator.mediaDevices.getDisplayMedia().then(stream =>
{
console.log(stream);
let track = stream.getVideoTracks()[0];
let capture = new ImageCapture(track);
capture.grabFrame().then(bitmap =>
{
// Stop sharing
track.stop();
// Draw the bitmap to canvas
canvas.width = bitmap.width;
canvas.height = bitmap.height;
canvas.getContext('2d').drawImage(bitmap, 0, 0);
const frame = canvas.toDataURL("image/png");
});
})
.catch(e => {
console.log(e)});
}
这些代码运行 它在Chrome中完美运行,但是不能在Safari中运行,是否有任何方法可以在Safari中生成图像?
This is the code to generate image,
console.log('--imageCapture');
const btn = document.querySelector('#btn')
btn.addEventListener('click',()=>{
screenshot()
})
function screenshot(){
const canvas = document.createElement("canvas");
// Request media
navigator.mediaDevices.getDisplayMedia().then(stream =>
{
console.log(stream);
let track = stream.getVideoTracks()[0];
let capture = new ImageCapture(track);
capture.grabFrame().then(bitmap =>
{
// Stop sharing
track.stop();
// Draw the bitmap to canvas
canvas.width = bitmap.width;
canvas.height = bitmap.height;
canvas.getContext('2d').drawImage(bitmap, 0, 0);
const frame = canvas.toDataURL("image/png");
});
})
.catch(e => {
console.log(e)});
}
these code runs
It runs perfectly in Chrome, but it can't running in safari, is there any way to generate image in safari?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论