Google Meet Matrix Rain

A phosphor green filter to your webcam
换行
// ==UserScript==
// @name         Google Meet Matrix Rain
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  A phosphor green filter to your webcam
// @author       Xing
// @match        https://meet.google.com/*
// @grant        none
// ==/UserScript==

(async function() {
    'use strict'

    const video = document.createElement('video')
    video.style='position:fixed;left:0;top:0;height:50px;z-index:9999999;background:black';
    video.setAttribute('playsinline','');
    video.setAttribute('autoplay','');


    const toggle = document.createElement('input')
    toggle.type='checkbox'
    toggle.checked=true
    toggle.style='position:fixed;left:0;top:0;width:50px;height:10px;z-index:9999999';

    class mercatorMediaStream extends MediaStream {
        constructor(old_stream) {
            super(old_stream)

            const camera = document.createElement('canvas')
            const matrix = document.createElement('canvas')
            const comp = document.createElement('canvas')

            // Matrix rain
            const katakana = `1234567890ァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶヷヸヹヺーヽヾヿ`;

            document.body.appendChild(video);
            document.body.appendChild(toggle);

            const constraints = {audio: false, video: true};

            video.srcObject = old_stream

            const old_stream_settings = old_stream.getVideoTracks()[0].getSettings()

            const w = old_stream_settings.width
            const h = old_stream_settings.height
            const aspect_ratio = w/h
            const r = w/64
            matrix.width = w*1.5
            matrix.height = h
            comp.width = w
            comp.height = h
            camera.width = w/r
            camera.height = h/r
            const matrix_ctx = matrix.getContext('2d')
            const camera_ctx = camera.getContext('2d')
            const comp_ctx = comp.getContext('2d')
            matrix_ctx.font = 0.9*r+'px monospace'
            matrix_ctx.textAlign = 'center'
            matrix_ctx.translate(w*1.5, 0)
            matrix_ctx.scale(-1,1)
            camera_ctx.filter = 'brightness(0.8) contrast(2.5)'

            matrix_ctx.fillStyle='#020'
            matrix_ctx.fillRect(0,0,w*1.5,h)
            matrix_ctx.fillStyle = '#8f8'
            matrix_ctx.lineWidth = r/10
            matrix_ctx.strokeStyle = '#080'
            matrix_ctx.textBaseline = 'ideographic'

            const text_offset = r*1.5/2
            for(let x = text_offset; x < w*1.5+1; x+=r*1.5){
                for(let y = 0; y < h+1; y+=r){
                    const rand_text = katakana[Math.floor(Math.random()*katakana.length)]
                    matrix_ctx.strokeText(rand_text,x,y)
                    matrix_ctx.fillText(rand_text,x,y)
                }
            }
            let rainx = 0
            let rainy = 0
            let rain_text = ['Z',text_offset,0]

            function draw(){

                if(toggle.checked){

                    comp_ctx.imageSmoothingEnabled = false

                    matrix_ctx.fillStyle = '#020'
                    matrix_ctx.fillRect(rainx,rainy,r*1.5,-r)

                    matrix_ctx.strokeStyle = '#080'
                    matrix_ctx.fillStyle = '#8f8'
                    matrix_ctx.strokeText(...rain_text)
                    matrix_ctx.fillText(...rain_text)

                    rainx = Math.floor(Math.random()*(w+1)/r)*r*1.5
                    rainy = Math.floor(Math.random()*(h+1)/r)*r
                    rain_text = [
                        katakana[Math.floor(Math.random()*katakana.length)],
                        rainx+text_offset,
                        rainy
                    ]

                    matrix_ctx.strokeStyle = '#0f0'
                    matrix_ctx.fillStyle = '#fff'
                    matrix_ctx.strokeText(...rain_text)
                    matrix_ctx.fillText(...rain_text)

                    camera_ctx.drawImage(video, 0, 0, w/r, h/r)

                    comp_ctx.clearRect(0,0,w,h)
                    comp_ctx.globalCompositeOperation = 'source_over'
                    comp_ctx.drawImage(camera,0,0,w,h)
                    comp_ctx.globalCompositeOperation = 'color'
                    comp_ctx.drawImage(matrix,0,0,w,h)
                    comp_ctx.globalCompositeOperation = 'multiply'
                    comp_ctx.drawImage(matrix,0,0,w,h)

                } else {

                    comp_ctx.globalCompositeOperation = 'source_over'
                    comp_ctx.clearRect(0,0,w,h)
                    comp_ctx.drawImage(video,0,0,w,h)

                }

                requestAnimationFrame(draw)

            }

            draw()

            return comp.captureStream(10)

        }
    }

    async function newGetUserMedia(constraints) {
        if (constraints && constraints.video && !constraints.audio ) {
            return new mercatorMediaStream(await navigator.mediaDevices.oldGetUserMedia(constraints))
        } else {
            return navigator.mediaDevices.oldGetUserMedia(constraints)
        }
    }

    MediaDevices.prototype.oldGetUserMedia = MediaDevices.prototype.getUserMedia
    MediaDevices.prototype.getUserMedia = newGetUserMedia

})()
欢迎访问Greasy Fork镜像
