← Zurück zu Marketing
Gast

🎬 Video Converter

Videos in alle gängigen Formate und Seitenverhältnisse konvertieren

📤 Video hochladen

ℹ️ Info: Laden Sie Ihr Video hoch. Das System zeigt alle Metadaten an und Sie können das Seitenverhältnis frei wählen.

🎬
Video hier ablegen oder klicken
Unterstützt: MP4, MOV, AVI, WebM
🎬

Video hochladen

Laden Sie ein Video hoch, um es zu konvertieren

⚙️ Format-Einstellungen

⚠️ Hinweis: Die Konvertierung erfolgt client-seitig im Browser. Bei großen Videos kann dies einige Zeit dauern. Der Ton wird während der Konvertierung stumm geschaltet, ist aber im Download enthalten.

const scaledWidth = video.videoWidth * scale; const scaledHeight = video.videoHeight * scale; const x = (canvas.width - scaledWidth) / 2; const y = (canvas.height - scaledHeight) / 2; ctx.drawImage(video, x, y, scaledWidth, scaledHeight); // Progress const progress = Math.round((video.currentTime / duration) * 100); document.getElementById('progressBar').style.width = progress + '%'; document.getElementById('progressText').textContent = '🔇 ' + progress + '% - ' + Math.floor(video.currentTime) + 's / ' + Math.floor(duration) + 's'; requestAnimationFrame(renderFrame); } renderFrame(); // Warte auf Aufnahme-Ende recorder.onstop = () => { const blob = new Blob(chunks, { type: mimeType }); const url = URL.createObjectURL(blob); const size = (blob.size / 1024 / 1024).toFixed(2); const audioStatus = hasAudio ? '🔊 Mit Audio' : '🔇 Ohne Audio'; preview.innerHTML = `

✅ Konvertierung erfolgreich!

📊 Video-Details

Auflösung

${targetWidth}x${targetHeight}

Format

${aspectRatio}

Größe

${size} MB

Audio

${audioStatus}

🎬 Vorschau

▶️ Das Video wird automatisch abgespielt. ${hasAudio ? 'Lautstärke kann angepasst werden.' : '⚠️ Video hat keinen Ton.'}

Format: ${mimeType.includes('webm') ? 'WebM' : 'MP4'} | ${audioStatus}

`; // Auto-play mit kleiner Verzögerung (damit Browser es erlaubt) setTimeout(() => { const videoElement = document.getElementById('convertedVideo'); if (videoElement) { videoElement.play().catch(err => { console.log('Auto-play nicht erlaubt:', err); }); } }, 100); // Cleanup video.pause(); if (audioVideo) { audioVideo.pause(); } // URL cleanup URL.revokeObjectURL(videoUrl); }; } catch (error) { console.error('Konvertierungsfehler:', error); preview.innerHTML = `

❌ Konvertierung fehlgeschlagen

${error.message}

💡 Tipp:

Ihr Browser unterstützt möglicherweise nicht alle Funktionen.
Versuchen Sie es mit Chrome, Edge oder Firefox.

Für professionelle Ergebnisse empfehlen wir:
• FFmpeg (kostenlos, CLI)
• HandBrake (kostenlos, GUI)
• DaVinci Resolve (kostenlos)

`; } } // Konvertiertes Video herunterladen function downloadConvertedVideo(url, mimeType) { const aspectRatio = document.getElementById('aspectRatio').value; const timestamp = new Date().toISOString().slice(0, 10).replace(/-/g, ''); const extension = mimeType.includes('webm') ? 'webm' : 'mp4'; const filename = `video_converted_${aspectRatio.replace(/[:.]/g, 'x')}_${timestamp}.${extension}`; const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); showStatus(`📥 Video "${filename}" wird heruntergeladen...`, 'success'); } function showStatus(message, type) { console.log(message); } } // Konvertiertes Video herunterladen function downloadConvertedVideo(url, mimeType) { const aspectRatio = document.getElementById('aspectRatio').value; const timestamp = new Date().toISOString().slice(0, 10).replace(/-/g, ''); const extension = mimeType.includes('webm') ? 'webm' : 'mp4'; const filename = `video_converted_${aspectRatio.replace(/[:.]/g, 'x')}_${timestamp}.${extension}`; const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); showStatus(`📥 Video "${filename}" wird heruntergeladen...`, 'success'); } function showStatus(message, type) { console.log(message); }