MediaWiki:Common.js: различия между версиями

Материал из Абсурдопедии
Перейти к навигации Перейти к поиску
← Предыдущая правкаСледующая правка →
Для Rutube
максимально просто
Строка 121: Строка 121:




/* Функция для вставки Rutube-видео на страницу для шаблона Rutube */
/* Функция для вставки Rutube-видео на страницу для шаблона Rutube, простая версия */
$(document).ready(function() {
$(document).ready(function() {
     'use strict';
     $('.rutube-player').each(function() {
   
         var videoId = $(this).data('video-id');
    function RutubePlayerManager() {
         var iframe = $('<iframe>', {
        this.players = [];
             src: 'https://rutube.ru/embed/' + videoId + '/',
        this.init();
             width: 560,
    }
             height: 315,
   
             frameborder: 0,
    RutubePlayerManager.prototype = {
             allowfullscreen: ''
        init: function() {
         });
            this.findPlayers();
         $(this).append(iframe);
            this.setupEventListeners();
            this.loadPreviewImages();
        },
       
        findPlayers: function() {
            var playerElements = document.querySelectorAll('.rutube-player');
           
            playerElements.forEach(function(element) {
                var player = {
                    element: element,
                    videoId: element.dataset.videoId,
                    width: element.dataset.width || '560',
                    height: element.dataset.height || '315',
                    state: 'initial' // initial, loading, playing, error
                };
               
                this.players.push(player);
                this.setupPlayer(player);
            }.bind(this));
        },
       
        setupPlayer: function(player) {
            var preview = player.element.querySelector('.rutube-preview');
            var playButton = player.element.querySelector('.rutube-play-button');
           
            if (preview && playButton) {
                preview.addEventListener('click', function(e) {
                    if (e.target !== playButton) {
                        this.activatePlayer(player);
                    }
                }.bind(this));
               
                playButton.addEventListener('click', function(e) {
                    e.stopPropagation();
                    this.activatePlayer(player);
                }.bind(this));
            }
        },
       
        loadPreviewImages: function() {
            this.players.forEach(function(player) {
                this.loadPreviewImage(player);
            }.bind(this));
        },
       
         loadPreviewImage: function(player) {
            var img = player.element.querySelector('.rutube-preview-image');
            if (!img) return;
           
            // пытаемся получить превью через oEmbed или аналогичный метод
            var previewUrl = this.getPreviewUrl(player.videoId);
           
            if (previewUrl) {
                img.src = previewUrl;
                img.onload = function() {
                    player.element.classList.add('preview-loaded');
                };
                img.onerror = function() {
                    this.fallbackToPlaceholder(player);
                }.bind(this);
            } else {
                this.fallbackToPlaceholder(player);
            }
        },
       
        getPreviewUrl: function(videoId) {
            // у Rutube нет стабильного API для превью
            // поэтому используем заглушку или юзаем через oEmbed
            return ''; // оставляем пустым или делаем свой placeholder
        },
       
        fallbackToPlaceholder: function(player) {
            var preview = player.element.querySelector('.rutube-preview');
            if (preview) {
                preview.style.display = 'none';
            }
            player.element.classList.add('preview-failed');
         },
       
        activatePlayer: function(player) {
            if (player.state === 'playing') return;
           
            player.state = 'loading';
            player.element.classList.add('loading');
           
            this.createEmbedFrame(player);
        },
       
        createEmbedFrame: function(player) {
            var embedContainer = player.element.querySelector('.rutube-player-embed');
            if (!embedContainer) return;
           
            var iframe = document.createElement('iframe');
             iframe.src = 'https://rutube.ru/play/embed/' + player.videoId;
            iframe.width = '100%';
             iframe.height = '100%';
            iframe.frameBorder = '0';
            iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';
            iframe.allowFullscreen = true;
            iframe.loading = 'lazy';
           
            iframe.onload = function() {
                player.state = 'playing';
                player.element.classList.remove('loading');
                player.element.classList.add('playing');
                this.onPlayerReady(player);
            }.bind(this);
           
            iframe.onerror = function() {
                this.handlePlayerError(player);
            }.bind(this);
           
            embedContainer.appendChild(iframe);
            embedContainer.style.display = 'block';
        },
       
        onPlayerReady: function(player) {
             console.log('Rutube player ready:', player.videoId);
             // можно добавить дополнительные действия после загрузки
        },
       
        handlePlayerError: function(player) {
             player.state = 'error';
            player.element.classList.remove('loading');
           
            var errorHtml = '<div class="rutube-error">' +
                '<p>Не удалось загрузить видео</p>' +
                '<a href="https://rutube.ru/video/' + player.videoId + '/" target="_blank">' +
                'Открыть на Rutube</a>' +
                '</div>';
           
            player.element.innerHTML = errorHtml;
         },
       
        setupEventListeners: function() {
            // глобальные обработчики, если нужны
         }
    };
   
  /* Инициализация при загрузке DOM */
    document.addEventListener('DOMContentLoaded', function() {
        window.rutubeManager = new RutubePlayerManager();
     });
     });
   
  / * Интеграция с MediaWiki для динамического контента */
    if (typeof mw !== 'undefined') {
        mw.hook('wikipage.content').add(function($content) {
            if ($content.find('.rutube-player').length && window.rutubeManager) {
                window.rutubeManager.init();
            }
        });
    }
   
  /* Fallback для очень старых браузеров */
    if (!document.querySelectorAll) {
        var players = document.getElementsByClassName('rutube-player');
        for (var i = 0; i < players.length; i++) {
            var link = document.createElement('a');
            link.href = 'https://rutube.ru/video/' + players[i].dataset.videoId + '/';
            link.textContent = 'Смотреть видео на Rutube';
            link.style.display = 'block';
            link.style.padding = '20px';
            link.style.textAlign = 'center';
            players[i].innerHTML = '';
            players[i].appendChild(link);
        }
    }
});
});

Версия от 08:15, 28 октября 2025

/* Нигилистические фокусы (см. [[Шаблон:Нигилизм/doc]]) */
$(function () {
    var nihilism = $('#nihilism');
    if (nihilism[0] && !document.location.href.match("diff")) {
        var msg = nihilism.html();
        if (!nihilism.hasClass('nihilism-no-white')) {
        	$('body').css('background-color', 'white');
        }
        var scripts = $('script');
        var bodyNihilism = $('body').html('');
        var divNihilism = $('<div class="mw-parser-output"></div>').html(msg);
        if (nihilism.css('top') == '0px') {
        	bodyNihilism.css('top', '0px').css('left', '0px');
        }
        bodyNihilism.append(divNihilism).append(scripts);
        $(document).dblclick(function () {
        	window.location = mw.util.getUrl(null, {'action': 'edit'});
        });
    }
});

/* Стирание памяти для «Людей в чёрном» */
$(function () {
    if ($("#erase_memory")[0])
        setTimeout(function () { $("#erase_memory").hide(); }, 20000);
});

/* Ссылка «править» для нулевой секции */
$(function () {
    var zeroSectionTip = "Править введение";

    if (!mw.config.get("wgArticleId")) {
        return;
    }

    var action = mw.config.get("wgAction");
    if (action != "view" && action != "purge")
        return;

    mw.util.$content.find("h2").children(".mw-editsection:first").clone().prependTo("#bodyContent").css("float", "right").find("a").each(function (index) {
        $(this).attr("title", zeroSectionTip);
        if ($(this).attr("class") === "mw-editsection-visualeditor") {
            $(this).attr("href", mw.config.get("wgScript") + "?title=" + mw.util.wikiUrlencode(mw.config.get("wgPageName")) + "&veaction=edit&vesection=0&summary=/*%20Преамбула%20*/%20");
        } else {
            $(this).attr("href", mw.config.get("wgScript") + "?title=" + mw.util.wikiUrlencode(mw.config.get("wgPageName")) + "&action=edit&section=0&summary=/*%20Преамбула%20*/%20");
        }
    });
});

/* Вставка юзернейма с помощью <span class="insertusername"></span> */
$(function () {
    if ((typeof (disableUsernameReplace) == "undefined" || !disableUsernameReplace) && mw.config.get("wgUserName") !== null)
        $("span.insertusername").html(mw.config.get("wgUserName"));
});

function defaultUploadInfo() {
    var rewrite = document.getElementById("wpForReUpload");
    if (!rewrite) return;
    if (rewrite.value == 1) return;

    var d = document.getElementById("wpUploadDescription");
    if (d) {
        if (!d.value.match(/\[\[(Категория|Category):/)) {
            d.value += "\n\n\n[[Категория:Некатегоризованные изображения]]";
        }
    }
}

/* Замена категорий для шаблона {{Cats}} */
$(function () {
    var categoriesAlternative = $("#categories_alternative");
    if (categoriesAlternative[0]) {
        $('#mw-normal-catlinks').html(categoriesAlternative.html());
        categoriesAlternative.hide();
    }
});


/* Функция для вставки VK-видео на страницу для шаблона VKVideo, простая версия */
window.vkVideoInit = function() {
    console.log('VK Video: Initializing...');
    
    var containers = document.querySelectorAll('.vk-video-js');
    console.log('VK Video: Found ' + containers.length + ' containers');
    
    for (var i = 0; i < containers.length; i++) {
        var container = containers[i];
        var oid = container.getAttribute('data-oid');
        var id = container.getAttribute('data-id');
        var width = container.getAttribute('data-width') || '640';
        var height = container.getAttribute('data-height') || '360';
        
        console.log('VK Video: Container ' + i + ' - oid:' + oid + ' id:' + id);
        
        if (oid && id && oid !== 'null' && id !== 'null') {
            var iframe = document.createElement('iframe');
            iframe.src = 'https://vk.com/video_ext.php?oid=' + encodeURIComponent(oid) + '&id=' + encodeURIComponent(id);
            iframe.width = width;
            iframe.height = height;
            iframe.frameBorder = '0';
            iframe.allowFullscreen = true;
            iframe.style.border = 'none';
            iframe.style.borderRadius = '4px';
            
            container.innerHTML = '';
            container.appendChild(iframe);
            console.log('VK Video: Container ' + i + ' - SUCCESS');
        } else {
            console.error('VK Video: Container ' + i + ' - MISSING DATA');
            container.innerHTML = '<div style="color: red; padding: 10px; text-align: center; border: 1px solid red;">Ошибка: неверные параметры видео</div>';
        }
    }
};

    /* Запускаем после загрузки ВК-видео DOM */
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', window.vkVideoInit);
} else {
    window.vkVideoInit();
}


/* Функция для вставки Rutube-видео на страницу для шаблона Rutube, простая версия */
$(document).ready(function() {
    $('.rutube-player').each(function() {
        var videoId = $(this).data('video-id');
        var iframe = $('<iframe>', {
            src: 'https://rutube.ru/embed/' + videoId + '/',
            width: 560,
            height: 315,
            frameborder: 0,
            allowfullscreen: ''
        });
        $(this).append(iframe);
    });
});
Источник — https://absurdopedia.wiki/w/index.php?title=MediaWiki:Common.js&oldid=355766