enableWebRtc模式，使用当前标签页进行截图会变模糊

[sujie056520]

Version of js-screen-shot

1.9.9

Operating system and its version

Windows

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

报错信息

No response

[likaia]

Hello @sujie056520. Your feedback has been received, and you will be notified in the issue area when the problem is resolved.
你好 @sujie056520，已收到你反馈的问题，问题解决后将在issue区域通知你。

[likaia]

Version of js-screen-shot

1.9.9

Operating system and its version

Windows

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

报错信息

No response

应该不会吧，我测试了没问题呀😂，你用最新的rc试试？

[lyc3027069]

遇到了同样的问题

[lyc3027069]

遇到了同样的问题
已解决
video: {
mandatory: {
chromeMediaSource: "desktop",
chromeMediaSourceId: source.id,
minWidth: size.width,
maxWidth: size.width,
minHeight: size.height,
maxHeight: size.height,
},
},
指定宽高可以是图片高清，宽度需要这样获取
const { size, scaleFactor } = screen.getPrimaryDisplay();
return {
width: size.width * scaleFactor,
height: size.height * scaleFactor
}
scaleFactor屏幕的缩放因子，高清屏幕的这个值会大于1

[zhangyan1991]

遇到了同样的问题
已解决
video: {
mandatory: {
chromeMediaSource: "desktop",
chromeMediaSourceId: source.id,
minWidth: size.width,
maxWidth: size.width,
minHeight: size.height,
maxHeight: size.height,
},
},
指定宽高可以是图片高清，宽度需要这样获取
const { size, scaleFactor } = screen.getPrimaryDisplay();
return {
width: size.width * scaleFactor,
height: size.height * scaleFactor
}
scaleFactor屏幕的缩放因子，高清屏幕的这个值会大于1

@lyc3027069 这个方案如何结合SDK使用

[likaia]

遇到了同样的问题
已解决
video: {
mandatory: {
chromeMediaSource: "desktop",
chromeMediaSourceId: source.id,
minWidth: size.width,
maxWidth: size.width,
minHeight: size.height,
maxHeight: size.height,
},
},
指定宽高可以是图片高清，宽度需要这样获取
const { size, scaleFactor } = screen.getPrimaryDisplay();
return {
width: size.width * scaleFactor,
height: size.height * scaleFactor
}
scaleFactor屏幕的缩放因子，高清屏幕的这个值会大于1

OK 我调整下插件内部源码

[likaia]

遇到了同样的问题
已解决
video: {
mandatory: {
chromeMediaSource: "desktop",
chromeMediaSourceId: source.id,
minWidth: size.width,
maxWidth: size.width,
minHeight: size.height,
maxHeight: size.height,
},
},
指定宽高可以是图片高清，宽度需要这样获取
const { size, scaleFactor } = screen.getPrimaryDisplay();
return {
width: size.width * scaleFactor,
height: size.height * scaleFactor
}
scaleFactor屏幕的缩放因子，高清屏幕的这个值会大于1

@lyc3027069 这个方案如何结合SDK使用

我来改

[likaia]

遇到了同样的问题
已解决
video: {
mandatory: {
chromeMediaSource: "desktop",
chromeMediaSourceId: source.id,
minWidth: size.width,
maxWidth: size.width,
minHeight: size.height,
maxHeight: size.height,
},
},
指定宽高可以是图片高清，宽度需要这样获取
const { size, scaleFactor } = screen.getPrimaryDisplay();
return {
width: size.width * scaleFactor,
height: size.height * scaleFactor
}
scaleFactor屏幕的缩放因子，高清屏幕的这个值会大于1

你这个是在electron环境下用的吧？

[likaia]

遇到了同样的问题
已解决
video: {
mandatory: {
chromeMediaSource: "desktop",
chromeMediaSourceId: source.id,
minWidth: size.width,
maxWidth: size.width,
minHeight: size.height,
maxHeight: size.height,
},
},
指定宽高可以是图片高清，宽度需要这样获取
const { size, scaleFactor } = screen.getPrimaryDisplay();
return {
width: size.width * scaleFactor,
height: size.height * scaleFactor
}
scaleFactor屏幕的缩放因子，高清屏幕的这个值会大于1

@lyc3027069 这个方案如何结合SDK使用

你这个是在electron环境下用的吧？

[zhangyan1991]

@likaia 我在windows上试了模糊，Mac上清晰。

他这个方案看着确实是 Electron 上的，不过模糊问题确实存在

[likaia]

@likaia 我在windows上试了模糊，Mac上清晰。

他这个方案看着确实是 Electron 上的，不过模糊问题确实存在

奥奥 原来是windows模糊，我一直是mac测试的，很清晰，win上的话，我得研究下

[likaia]

@likaia 我在windows上试了模糊，Mac上清晰。

他这个方案看着确实是 Electron 上的，不过模糊问题确实存在

我在win上也试了，没发现这个问题

[Lily-gittee]

windows遇到同样的问题，vue3

[Lily-gittee]

设置wrcWindowMode后解决模糊的问题，但是如您在readme中写到：用户授权时会出现其他的应用程序选项，用户体验会差一些。