Duck Surprise

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

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==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);
    }
})();