TikTok MP3: Konverter Cepat Dan Mudah

[Klien (Browser/Aplikasi)] ---(Permintaan URL TikTok)--> [Backend API]
                                                              |
                                                              V
                                                      [Validasi URL]
                                                              |
                                                              V
                                                  [Unduh Video TikTok]
                                                              |
                                                              V
                                                    [Konversi ke MP3]
                                                              |
                                                              V
                                              [Simpan/Sajikan File MP3]

mkdir konverter-tiktok-backend

python3 -m venv myenv

source myenv/bin/activate

pip install nama_paket

deactivate

from flask import Flask, request, send_file, jsonify
import os
import subprocess
import uuid
import shutil # Diimpor tapi tidak digunakan dalam versi sederhana ini, bisa untuk pembersihan lebih lanjut

app = Flask(__name__)

# Konfigurasi Direktori
# Folder untuk menyimpan video yang diunduh sementara
UPLOAD_FOLDER = 'uploads'
# Folder untuk menyimpan MP3 hasil konversi
CONVERTED_FOLDER = 'converted'

# Pastikan direktori ada, jika tidak, buatlah
os.makedirs(UPLOAD_FOLDER, exist_ok=True)
os.makedirs(CONVERTED_FOLDER, exist_ok=True)

@app.route('/convert', methods=['POST'])
def convert_tiktok_to_mp3():
    # Ambil URL TikTok dari body permintaan JSON
    tiktok_url = request.json.get('url')

    # Validasi dasar: Pastikan URL disediakan
    if not tiktok_url:
        return jsonify({"error": "URL TikTok tidak disediakan"}), 400

    # Validasi dasar: Pastikan URL mengandung 'tiktok.com'
    # (Bisa diperluas dengan regex yang lebih canggih untuk validasi yang ketat)
    if "tiktok.com" not in tiktok_url:
        return jsonify({"error": "URL bukan dari TikTok"}), 400

    # Buat ID unik untuk file sementara dan hasil akhir
    # Ini penting agar beberapa permintaan bisa diproses secara bersamaan tanpa bentrok
    unique_id = str(uuid.uuid4())
    video_path = os.path.join(UPLOAD_FOLDER, f"{unique_id}.mp4")
    mp3_path = os.path.join(CONVERTED_FOLDER, f"{unique_id}.mp3")

    try:
        # Langkah 1: Unduh Video TikTok menggunakan yt-dlp
        # 'yt-dlp' akan mengunduh video ke 'video_path'
        # 'check=True' akan menimbulkan error jika perintah gagal
        # 'capture_output=True' dan 'text=True' untuk menangkap output jika ada error
        print(f"Mengunduh video dari: {tiktok_url} ke {video_path}")
        subprocess.run(
            ['yt-dlp', '-o', video_path, tiktok_url],
            check=True,
            capture_output=True,
            text=True
        )
        print(f"Video berhasil diunduh ke: {video_path}")

        # Langkah 2: Konversi Video ke MP3 menggunakan ffmpeg
        # '-i' untuk input, '-vn' untuk tidak menyertakan video, '-ab 192k' untuk bitrate audio 192kbps
        print(f"Mengkonversi video ke MP3: {mp3_path}")
        subprocess.run(
            ['ffmpeg', '-i', video_path, '-vn', '-ab', '192k', mp3_path],
            check=True,
            capture_output=True,
            text=True
        )
        print(f"MP3 berhasil dibuat di: {mp3_path}")

        # Hapus file video asli setelah konversi berhasil
        if os.path.exists(video_path):
            os.remove(video_path)
            print(f"File video sementara dihapus: {video_path}")

        # Berikan URL unduhan kepada klien
        return jsonify({
            "message": "Konversi berhasil",
            "download_url": f"/download/{os.path.basename(mp3_path)}"
        }), 200

    except subprocess.CalledProcessError as e:
        # Menangani error jika yt-dlp atau ffmpeg gagal dieksekusi
        app.logger.error(f"Error during command execution: {e.stderr}")
        return jsonify({
            "error": "Gagal mengkonversi video. Periksa URL atau instalasi yt-dlp/ffmpeg.",
            "details": e.stderr.strip()
        }), 500
    except Exception as e:
        # Menangani error umum lainnya
        app.logger.error(f"An unexpected error occurred: {e}")
        return jsonify({"error": "Terjadi kesalahan yang tidak terduga"}), 500

    finally:
        # Bagian ini akan selalu dieksekusi, bahkan jika ada error
        # Pastikan file video sementara dibersihkan jika masih ada
        if os.path.exists(video_path):
            try:
                os.remove(video_path)
                print(f"File video sementara dibersihkan di finally: {video_path}")
            except Exception as e:
                app.logger.error(f"Failed to clean up video file: {video_path} - {e}")
        # Catatan: File MP3 akan tetap ada di folder 'converted' untuk diunduh.
        # Anda mungkin ingin menambahkan logika untuk menghapus MP3 setelah diunduh
        # atau setelah waktu tertentu untuk manajemen ruang disk.

@app.route('/download/<filename>', methods=['GET'])
def download_file(filename):
    # Dapatkan nama file dasar untuk menghindari path traversal (misal: "../../../etc/passwd")
    base_filename = os.path.basename(filename)
    file_path = os.path.join(CONVERTED_FOLDER, base_filename)

    # Pastikan file yang diminta ada
    if not os.path.exists(file_path):
        return jsonify({"error": "File tidak ditemukan"}), 404

    try:
        # Kirim file MP3 sebagai lampiran (attachment) agar browser mengunduhnya
        print(f"Mengirim file untuk diunduh: {file_path}")
        return send_file(file_path, as_attachment=True)
    except Exception as e:
        app.logger.error(f"Error sending file: {e}")
        return jsonify({"error": "Gagal mengunduh file"}), 500
    finally:
        # Opsional: Hapus file MP3 setelah diunduh
        # Hati-hati dengan ini jika Anda ingin file dapat diunduh beberapa kali
        # Jika Anda mengaktifkan ini, pastikan frontend menunggu unduhan selesai sebelum melakukan permintaan lain.
        # if os.path.exists(file_path):
        #     try:
        #         os.remove(file_path)
        #         print(f"File MP3 dihapus setelah diunduh: {file_path}")
        #     except Exception as e:
        #         app.logger.error(f"Failed to delete MP3 file after download: {file_path} - {e}")
        pass # Biarkan file MP3 di server untuk saat ini

if __name__ == '__main__':
    # Jalankan aplikasi Flask dalam mode debug
    # debug=True akan memberikan pesan error yang lebih detail dan otomatis me-reload server saat kode berubah
    print("Memulai server Flask di http://127.0.0.1:5000")
    app.run(debug=True, port=5000)

pip install Flask

tiktok_converter_backend/
├── app.py
├── uploads/  (akan dibuat secara otomatis)
└── converted/ (akan dibuat secara otomatis)

curl -X POST -H "Content-Type: application/json" -d '{"url": "[URL_TIKTOK_ANDA]"}' http://127.0.0.1:5000/convert

curl -X POST -H "Content-Type: application/json" -d '{"url": "https://www.tiktok.com/@scout2015/video/7382029013098599723"}' http://127.0.0.1:5000/convert

curl -O http://127.0.0.1:5000/download/c7d3d7f0-a1b2-4c3d-8e9f-0a1b2c3d4e5f.mp3

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Konverter TikTok ke MP3</title>
    <style>
        /* CSS untuk Styling Dasar */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f0f2f5;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
            color: #333;
        }
        .container {
            background-color: #ffffff;
            padding: 35px 45px;
            border-radius: 12px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            text-align: center;
            width: 100%;
            max-width: 500px;
            box-sizing: border-box;
        }
        h1 {
            color: #2c3e50;
            margin-bottom: 25px;
            font-size: 2em;
        }
        .input-group {
            margin-bottom: 20px;
        }
        input[type="text"] {
            width: calc(100% - 22px); /* Lebar input dikurangi padding dan border */
            padding: 12px 10px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 1em;
            transition: border-color 0.3s;
        }
        input[type="text"]:focus {
            border-color: #007bff;
            outline: none;
        }
        button {
            background-color: #007bff;
            color: white;
            padding: 12px 25px;
            border: none;
            border-radius: 8px;
            font-size: 1.1em;
            cursor: pointer;
            transition: background-color 0.3s ease;
            width: 100%;
            box-sizing: border-box;
        }
        button:hover {
            background-color: #0056b3;
        }
        button:disabled {
            background-color: #cccccc;
            cursor: not-allowed;
        }
        .message {
            margin-top: 25px;
            padding: 15px;
            border-radius: 8px;
            font-weight: bold;
            display: none; /* Sembunyikan secara default */
        }
        .message.success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .message.error {
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        .download-link {
            margin-top: 20px;
        }
        .download-link a {
            color: #007bff;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1em;
        }
        .download-link a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Konverter TikTok ke MP3</h1>
        <div class="input-group">
            <input type="text" id="tiktokUrl" placeholder="Tempel URL TikTok di sini...">
        </div>
        <button id="convertButton">Konversi ke MP3</button>

        <div id="messageBox" class="message"></div>
        <div id="downloadLinkContainer" class="download-link" style="display: none;">
            <a id="downloadLink" href="#" download="tiktok_audio.mp3">Unduh MP3</a>
        </div>
    </div>

    <script>
        // JavaScript untuk Interaksi Frontend-Backend
        const tiktokUrlInput = document.getElementById('tiktokUrl');
        const convertButton = document.getElementById('convertButton');
        const messageBox = document.getElementById('messageBox');
        const downloadLinkContainer = document.getElementById('downloadLinkContainer');
        const downloadLink = document.getElementById('downloadLink');

        convertButton.addEventListener('click', async () => {
            const url = tiktokUrlInput.value.trim();

            // Sembunyikan pesan sebelumnya dan link unduh
            messageBox.style.display = 'none';
            downloadLinkContainer.style.display = 'none';
            messageBox.className = 'message'; // Reset kelas pesan

            if (!url) {
                showMessage('Harap masukkan URL TikTok.', 'error');
                return;
            }

            // Nonaktifkan tombol saat proses berlangsung
            convertButton.disabled = true;
            convertButton.textContent = 'Mengkonversi... Tunggu sebentar';
            showMessage('Proses konversi sedang berlangsung. Harap tunggu...', 'info'); // Tampilkan pesan loading

            try {
                // Kirim permintaan ke backend Anda
                // Pastikan alamat ini sesuai dengan alamat backend Flask Anda (http://127.0.0.1:5000)
                const response = await fetch('http://127.0.0.1:5000/convert', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({ url: url })
                });

                const data = await response.json();

                if (response.ok) {
                    // Jika konversi berhasil
                    showMessage('Konversi berhasil!', 'success');
                    downloadLink.href = `http://127.0.0.1:5000${data.download_url}`; // Gabungkan dengan base URL backend
                    downloadLinkContainer.style.display = 'block';
                } else {
                    // Jika ada error dari backend
                    showMessage(`Error: ${data.error || 'Terjadi kesalahan tidak dikenal.'}`, 'error');
                }
            } catch (error) {
                // Menangani error jaringan atau error JavaScript lainnya
                console.error('Error saat melakukan fetch:', error);
                showMessage('Gagal terhubung ke server backend. Pastikan backend berjalan.', 'error');
            } finally {
                // Aktifkan kembali tombol setelah proses selesai
                convertButton.disabled = false;
                convertButton.textContent = 'Konversi ke MP3';
            }
        });

        // Fungsi untuk menampilkan pesan
        function showMessage(msg, type) {
            messageBox.textContent = msg;
            messageBox.style.display = 'block';
            messageBox.classList.add(type); // Menambahkan kelas 'success' atau 'error'
        }
    </script>
</body>
</html>

pip install Flask-CORS

from flask import Flask, request, send_file, jsonify
import os
import subprocess
import uuid
# import shutil # Tidak diperlukan untuk kode sederhana ini
from flask_cors import CORS # <<< Tambahkan baris ini

app = Flask(__name__)
CORS(app) # <<< Tambahkan baris ini untuk mengizinkan semua origin, atau spesifikkan origin tertentu

# ... kode Anda yang lain ...

# CORS(app, resources={r"/api/*": {"origins": "http://localhost:3000"}})
# Untuk kasus Anda, biarkan CORS(app) saja agar lebih fleksibel saat pengembangan.