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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
$(function () {
// Подключаем необходимые библиотеки
    var fileName = 'MyAudioFile.mp3';  // Имя файла аудио
var script1 = document.createElement('script');
    var fileTypes = ['audio/mp3', 'audio/ogg', 'audio/wav']; // Поддерживаемые форматы
script1.src = 'https://cdn.jsdelivr.net/npm/fluid-webmidi-player@latest/dist/fluid-webmidi-player.min.js';
    var src = '/wiki/Special:Redirect/file/' + encodeURIComponent(fileName);
document.head.appendChild(script1);


    var player = document.createElement('div');
// Создаем плеер после загрузки библиотеки
    player.className = 'audio-player';
script1.onload = function() {
    player.setAttribute('data-src', src);
     const container = document.querySelector('#mw-content-text');
 
     const player = document.createElement('fluid-webmidi-player');
     var content = document.getElementById('mw-content-text');
      
     if (content) {
     // Укажите прямую ссылку на ваш MIDI-файл (замените URL)
        content.appendChild(player);
    player.src = 'https://example.com/your-file.mid';
    }
   
 
     // Стилизация (опционально)
    var audio = document.createElement('audio');
    player.style.width = '100%';
     audio.controls = true;
    player.style.height = '200px';
     audio.preload = 'none';
      
 
     container.prepend(player);
     fileTypes.forEach(function (type) {
};
        var source = document.createElement('source');
        source.src = src;
        source.type = type;
        audio.appendChild(source);
     });
 
     player.appendChild(audio);
});

Версия от 18:14, 16 апреля 2025

// Подключаем необходимые библиотеки
var script1 = document.createElement('script');
script1.src = 'https://cdn.jsdelivr.net/npm/fluid-webmidi-player@latest/dist/fluid-webmidi-player.min.js';
document.head.appendChild(script1);

// Создаем плеер после загрузки библиотеки
script1.onload = function() {
    const container = document.querySelector('#mw-content-text');
    const player = document.createElement('fluid-webmidi-player');
    
    // Укажите прямую ссылку на ваш MIDI-файл (замените URL)
    player.src = 'https://example.com/your-file.mid';
    
    // Стилизация (опционально)
    player.style.width = '100%';
    player.style.height = '200px';
    
    container.prepend(player);
};