Duck Surprise

Plays a duck sound and shows a walking duck if URL query is ?q=duck

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Duck Surprise
// @namespace  https://greasyfork.org/users/yourname
// @version      1.9.1
// @description  Plays a duck sound and shows a walking duck if URL query is ?q=duck
// @author       You
// @match        *://*/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Get the 'q' query parameter from URL
    var url = new URL(window.location.href);
    var query = url.searchParams.get('q');

    if (query && query.toLowerCase() === 'duck') {
        // Create and play the audio
        var audioUrl = 'https://drive.google.com/uc?export=download&id=1u9n_SO6itk8gxWnl14w_3H-73A1pvq8x';
        var audioEl = document.createElement('audio');
        audioEl.src = audioUrl;
        audioEl.loop = true;
        audioEl.volume = 0.5;
        audioEl.style.display = 'none';
        document.body.appendChild(audioEl);
        audioEl.play().catch(function(error) {
            console.error("Autoplay Blocked:", error);
        });

        // Add the duck image after 5 seconds
        setTimeout(function() {
            // Add keyframes style
            var style = document.createElement('style');
            style.innerHTML = '@keyframes duckWalk {0% {left:-100px;} 100% {left:100%;}}';
            document.head.appendChild(style);

            // Add the duck image
            var duck = document.createElement('img');
            duck.src = 'https://upload.wikimedia.org/wikipedia/commons/a/a0/Cartoon_steamer_duck_walking_animation.gif';
            duck.id = 'walkingDuck';
            duck.style.cssText = 'position:fixed;bottom:0;width:100px;z-index:999999;pointer-events:none;animation:duckWalk 15s linear infinite;';
            document.body.appendChild(duck);
        }, 5000);
    }
})();