likaia / js-screen-shot

web端自定义截图插件(原生JS版)
https://www.kaisir.cn/js-screen-shot/
MIT License
808 stars 107 forks source link

使用html2canvas模式截取页面中video标签时,video标签消失 #123

Closed C1rq closed 1 year ago

C1rq commented 1 year ago

Version of js-screen-shot

"js-web-screen-shot": "^1.9.7-rc.1"

Operating system and its version

MacOS

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

const screenShotClick = () => { const video_: any = document!.getElementById('volum') console.dir(video) video_.pause() const screenShotHandler = new ScreenShort({ enableWebRtc: false, //是否显示选项框 level: 99, //层级级别 toolPosition: 'right', wrcWindowMode: true, loadCrossImg: true, maskColor: { r: 255, g: 255, b: 255, a: 0.5 }, proxyUrl: '127.0.0.1:9099', completeCallback: callback, closeCallback: closeFn, hiddenToolIco: { save: true, }, }) } 截屏2023-06-06 09 30 23 截屏2023-06-06 09 33 34 截屏2023-06-06 09 34 16 出现蒙层的时候,video还没没有消失,画框的时候video就消失了

2.使用webrtc截图video没有消失,但是会弹窗确认,交互不好,设置了wrcWindowMode、enableWebRtc,还是弹分享提示

大佬帮忙看看

报错信息

No response

likaia commented 1 year ago

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

likaia commented 1 year ago

Version of js-screen-shot

"js-web-screen-shot": "^1.9.7-rc.1"

Operating system and its version

MacOS

Browser and its version

No response

Sandbox to reproduce

No response

What happened?

const screenShotClick = () => { const video_: any = document!.getElementById('volum') console.dir(video) video_.pause() const screenShotHandler = new ScreenShort({ enableWebRtc: false, //是否显示选项框 level: 99, //层级级别 toolPosition: 'right', wrcWindowMode: true, loadCrossImg: true, maskColor: { r: 255, g: 255, b: 255, a: 0.5 }, proxyUrl: '127.0.0.1:9099', completeCallback: callback, closeCallback: closeFn, hiddenToolIco: { save: true, }, }) } 截屏2023-06-06 09 30 23 截屏2023-06-06 09 33 34 截屏2023-06-06 09 34 16 出现蒙层的时候,video还没没有消失,画框的时候video就消失了

2.使用webrtc截图video没有消失,但是会弹窗确认,交互不好,设置了wrcWindowMode、enableWebRtc,还是弹分享提示

大佬帮忙看看

报错信息

No response

html2canvas模式不完美的,他截取不了视频。webrtc模式可以截取视频但是会有弹窗出来,这个没办法避免的