Référence Complète de Windows Media Player - Guide Technique

📈 Stratégie de Migration

🔄 Script de Migration Automatique

Exemple :     📋 Copier le code

// Script de migration automatique WMP vers HTML5
class MediaPlayerMigrator {
    constructor() {
        this.isIE = this.detectIE();
        this.hasActiveX = this.detectActiveX();
        this.modernBrowser = this.detectModernBrowser();
    }
    
    // Détection d'Internet Explorer
    detectIE() {
        return navigator.userAgent.indexOf('MSIE') !== -1 || 
               navigator.userAgent.indexOf('Trident') !== -1;
    }
    
    // Détection du support ActiveX
    detectActiveX() {
        try {
            return typeof ActiveXObject !== 'undefined' || 'ActiveXObject' in window;
        } catch(e) {
            return false;
        }
    }
    
    // Détection navigateur moderne
    detectModernBrowser() {
        return !!(document.createElement('video').canPlayType);
    }
    
    // Migration principale
    migratePlayer(containerId) {
        const container = document.getElementById(containerId);
        if (!container) return;
        
        const wmpObject = container.querySelector('object[classid*="394A-11D3"]');
        if (!wmpObject) return;
        
        const config = this.extractWMPConfig(wmpObject);
        
        if (this.shouldUseHTML5()) {
            this.createHTML5Player(container, config);
        } else if (this.shouldUpgradeWMP()) {
            this.upgradeWMPPlayer(wmpObject, config);
        }
    }
    
    // Extraction de la configuration WMP
    extractWMPConfig(wmpObject) {
        const params = wmpObject.querySelectorAll('param');
        const config = {
            url: '',
            autostart: false,
            controls: true,
            width: wmpObject.width || 320,
            height: wmpObject.height || 240
        };
        
        params.forEach(param => {
            const name = param.name.toLowerCase();
            const value = param.value;
            
            switch(name) {
                case 'url':
                case 'filename':
                    config.url = value;
                    break;
                case 'autostart':
                    config.autostart = value.toLowerCase() === 'true';
                    break;
                case 'showcontrols':
                    config.controls = value.toLowerCase() === 'true';
                    break;
            }
        });
        
        return config;
    }
    
    // Décision d'utiliser HTML5
    shouldUseHTML5() {
        return this.modernBrowser && !this.isIE;
    }
    
    // Décision de mettre à jour WMP
    shouldUpgradeWMP() {
        return this.isIE && this.hasActiveX;
    }
    
    // Création du lecteur HTML5
    createHTML5Player(container, config) {
        const videoUrl = this.convertToHTML5Format(config.url);
        
        const html5Player = `
            <video ${config.controls ? 'controls' : ''} 
                   ${config.autostart ? 'autoplay' : ''}
                   width="${config.width}" 
                   height="${config.height}"
                   class="migrated-player">
                <source src="${videoUrl.mp4}" type="video/mp4">
                <source src="${videoUrl.webm}" type="video/webm">
                <p>Votre navigateur ne supporte pas la lecture vidéo HTML5.</p>
            </video>
        `;
        
        container.innerHTML = html5Player;
        this.logMigration('HTML5', config.url);
    }
    
    // Mise à jour du lecteur WMP
    upgradeWMPPlayer(wmpObject, config) {
        // Mettre à jour le CLSID vers la version moderne
        const currentClsid = wmpObject.classid;
        if (currentClsid.indexOf('22D6F312') !== -1) {
            wmpObject.classid = 'clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6';
            this.logMigration('WMP_UPGRADE', config.url);
        }
    }
    
    // Conversion vers formats HTML5
    convertToHTML5Format(wmvUrl) {
        const baseName = wmvUrl.replace(/\.[^/.]+$/, '');
        return {
            mp4: baseName + '.mp4',
            webm: baseName + '.webm'
        };
    }
    
    // Logging des migrations
    logMigration(type, url) {
        console.log(`[MediaPlayerMigrator] ${type} migration completed for: ${url}`);
        
        // Optionnel : envoyer des analytics
        if (typeof gtag !== 'undefined') {
            gtag('event', 'media_migration', {
                'migration_type': type,
                'media_url': url
            });
        }
    }
}

// Utilisation automatique
document.addEventListener('DOMContentLoaded', function() {
    const migrator = new MediaPlayerMigrator();
    
    // Migrer tous les conteneurs de lecteur
    const playerContainers = document.querySelectorAll('[id*="player"], [class*="wmp"]');
    playerContainers.forEach(container => {
        migrator.migratePlayer(container.id || container.className);
    });
});