小编Sho*_*rma的帖子

使用 MediaDevices API 的 getDisplayMedia() 的完整网页屏幕截图

我正在使用 navigator.mediaDevices.getDisplayMedia 来获取屏幕截图,但它只捕获页面的可见部分,但还有更多内容隐藏在滚动区域中并且被错过。那么是否可以捕获整个页面呢?

   function getDisplayMedia(options) {
        if (navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia) {
            return navigator.mediaDevices.getDisplayMedia(options)
        }
        if (navigator.getDisplayMedia) {
            return navigator.getDisplayMedia(options)
        }
        if (navigator.webkitGetDisplayMedia) {
            return navigator.webkitGetDisplayMedia(options)
        }
        if (navigator.mozGetDisplayMedia) {
            return navigator.mozGetDisplayMedia(options)
        }
        throw new Error('getDisplayMedia is not defined')
    }

    async function takeScreenshotStream() {
        const width = screen.width * (window.devicePixelRatio || 1)
        const height = screen.height * (window.devicePixelRatio || 1)

        const errors = [];
        let stream;
        const mediaStreamConstraints = {
            audio: false,
            video: {
                width,
                height,
                frameRate: 1,
            },
        };

        try …
Run Code Online (Sandbox Code Playgroud)

javascript screenshot mediadevices get-display-media

7
推荐指数
0
解决办法
1899
查看次数

grunt-contrib-sass和grunt-sass之间的区别

我正在为sass进行css处理实现grunt插件,但有两个选项可用grunt-contrib-sass和grunt-sass.我在互联网上搜索但无法找到任何相关的答案,grunt-contrib-sass和grunt-sass有什么区别,哪一个更好?

sass gruntjs grunt-contrib-sass

6
推荐指数
1
解决办法
1067
查看次数