<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chuyển đổi dự án After Effects & Premiere sang phiên bản cũ hơn | Data Tool 365</title>
    <meta name="description" content="Chuyển .aepx và .prproj từ phiên bản mới về phiên bản cũ ngay trên web. Miễn phí, an toàn, nhanh chóng, không cần cài phần mềm.">
    <meta name="keywords" content="after effects, premiere pro, project converter, version downgrade, aepx, prproj, free online">
    <meta name="robots" content="index, follow">
    
    <!-- Open Graph -->
    <meta property="og:title" content="Chuyển đổi dự án After Effects & Premiere sang phiên bản cũ hơn | Data Tool 365">
    <meta property="og:description" content="Chuyển .aepx và .prproj từ phiên bản mới về phiên bản cũ ngay trên web. Miễn phí, an toàn, nhanh chóng.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://datatool365.com/convert/after-effects-premiere-project-version/">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
    
    <!-- Stylesheets -->
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Schema.org -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "AE/PR Project Version Converter",
      "description": "Convert After Effects & Premiere Pro projects to older versions online",
      "url": "https://datatool365.com/convert/after-effects-premiere-project-version/",
      "applicationCategory": "UtilityApplication",
      "operatingSystem": "Web Browser",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "1250"
      }
    }
    </script>
    
    <!-- FAQ Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Làm sao mở file AE/PR mới trên bản cũ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sử dụng công cụ này để chuyển đổi file .aepx hoặc .prproj từ phiên bản mới về phiên bản cũ hơn. File sẽ được xử lý để tương thích với phiên bản đích."
          }
        },
        {
          "@type": "Question",
          "name": "Có mất effect/transition không?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Một số effect/transition mới có thể bị neutralize trên phiên bản cũ. Tất cả thay đổi sẽ được ghi rõ trong báo cáo chi tiết."
          }
        },
        {
          "@type": "Question",
          "name": "Có cần cài phần mềm không?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Không cần cài phần mềm. Công cụ hoạt động hoàn toàn trên trình duyệt web."
          }
        },
        {
          "@type": "Question",
          "name": "Dung lượng tối đa?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "File tối đa 50MB. Hỗ trợ định dạng .prproj và .aepx."
          }
        },
        {
          "@type": "Question",
          "name": "Bảo mật dữ liệu thế nào?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "File được xử lý trên server tạm thời và tự động xóa sau 24 giờ. Không lưu trữ dữ liệu cá nhân."
          }
        },
        {
          "@type": "Question",
          "name": "Có hỗ trợ .aep không?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Không hỗ trợ file .aep nhị phân. Vui lòng xuất .aepx từ After Effects: File → Save As → After Effects XML Project (.aepx)."
          }
        }
      ]
    }
    </script>
    
    <!-- Breadcrumb Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Trang chủ",
          "item": "https://datatool365.com"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Công cụ chuyển đổi",
          "item": "https://datatool365.com/convert/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "AE/PR Project Version Converter",
          "item": "https://datatool365.com/convert/after-effects-premiere-project-version/"
        }
      ]
    }
    </script>
</head>
<body class="bg-gray-50 dark:bg-gray-900 transition-colors duration-300">
    <!-- Header -->
    <header class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16">
                <!-- Logo -->
                <div class="flex items-center">
                    <a href="/" class="flex items-center space-x-2">
                        <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-orange-500 rounded-lg flex items-center justify-center">
                            <i class="fas fa-tools text-white text-sm"></i>
                        </div>
                        <span class="text-xl font-bold text-gray-900 dark:text-white">Data Tool 365</span>
                    </a>
                </div>

                <!-- Navigation -->
                <nav class="hidden md:flex space-x-8">
                    <a href="/" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Trang chủ</a>
                    <a href="/convert/" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">Công cụ chuyển đổi</a>
                </nav>

                <!-- Right side -->
                <div class="flex items-center space-x-4">
                    <!-- Language Toggle -->
                    <div class="relative">
                        <button id="language-toggle" class="flex items-center space-x-1 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
                            <i class="fas fa-globe"></i>
                            <span id="current-lang">VI</span>
                        </button>
                    </div>

                    <!-- Theme Toggle -->
                    <button id="theme-toggle" class="text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
                        <i class="fas fa-moon dark:hidden"></i>
                        <i class="fas fa-sun hidden dark:inline"></i>
                    </button>
                </div>
            </div>
        </div>
    </header>

    <!-- Main Content -->
    <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <!-- Breadcrumb -->
        <nav class="mb-6">
            <ol class="flex items-center space-x-2 text-sm text-gray-500">
                <li><a href="/" class="hover:text-blue-600">Trang chủ</a></li>
                <li><i class="fas fa-chevron-right text-xs"></i></li>
                <li><a href="/convert/" class="hover:text-blue-600">Công cụ chuyển đổi</a></li>
                <li><i class="fas fa-chevron-right text-xs"></i></li>
                <li class="text-gray-900 dark:text-white">AE/PR Project Version Converter</li>
            </ol>
        </nav>

        <!-- Tool Header -->
        <div class="text-center mb-8">
            <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">
                <i class="fas fa-exchange-alt text-blue-600 mr-3"></i>
                AE/PR Project Version Converter
            </h1>
            <p class="text-xl text-gray-600 dark:text-gray-300 mb-4">
                Chuyển đổi dự án After Effects & Premiere sang phiên bản cũ hơn
            </p>
            <div class="inline-flex items-center px-3 py-1 rounded-full text-sm bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
                <i class="fas fa-shield-alt mr-2"></i>
                Miễn phí & An toàn
            </div>
        </div>

        <!-- Warning Banner -->
        <div class="mb-8 p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg">
            <div class="flex items-start">
                <i class="fas fa-exclamation-triangle text-yellow-600 mr-3 mt-1"></i>
                <div>
                    <h3 class="text-sm font-medium text-yellow-800 dark:text-yellow-200 mb-1">
                        Lưu ý quan trọng
                    </h3>
                    <p class="text-sm text-yellow-700 dark:text-yellow-300">
                        Không thể bảo toàn 100% hiệu ứng/transition mới trên bản cũ — chúng tôi sẽ neutralize an toàn. 
                        File .aep nhị phân không được hỗ trợ, vui lòng xuất .aepx từ After Effects.
                    </p>
                </div>
            </div>
        </div>

        <!-- Upload Form -->
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
            <form id="conversion-form" enctype="multipart/form-data">
                <!-- File Upload -->
                <div class="mb-6">
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
                        Chọn file dự án
                    </label>
                    <div id="upload-area" class="border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-8 text-center hover:border-blue-500 transition-colors cursor-pointer">
                        <i class="fas fa-cloud-upload-alt text-4xl text-gray-400 mb-4"></i>
                        <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                            Kéo thả file .prproj hoặc .aepx vào đây
                        </h3>
                        <p class="text-gray-500 dark:text-gray-400 mb-4">
                            Hỗ trợ file tối đa 50MB
                        </p>
                        <input type="file" id="file-input" name="file" accept=".prproj,.aepx" class="hidden" required>
                        <button type="button" class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors">
                            Chọn File
                        </button>
                    </div>
                    
                    <!-- File Info -->
                    <div id="file-info" class="hidden mt-4 p-4 bg-gray-50 dark:bg-gray-700 rounded-lg">
                        <div class="flex items-center justify-between">
                            <div>
                                <span class="font-medium" id="file-name"></span>
                                <span class="text-gray-500 ml-2" id="file-size"></span>
                            </div>
                            <button type="button" id="remove-file" class="text-red-600 hover:text-red-800">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                </div>

                <!-- Target Version Selection -->
                <div class="mb-6">
                    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
                        Phiên bản đích
                    </label>
                    <select id="target-version" name="target_version" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" required>
                        <option value="24">Adobe 2024 (24.0)</option>
                        <option value="23" selected>Adobe 2023 (23.0)</option>
                        <option value="22">Adobe 2022 (22.0)</option>
                    </select>
                    <p class="text-xs text-gray-500 mt-1">Chọn phiên bản Adobe mà bạn muốn chuyển đổi</p>
                </div>

                <!-- Convert Button -->
                <div class="text-center">
                    <button type="submit" id="convert-btn" class="bg-blue-600 text-white px-8 py-3 rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
                        <i class="fas fa-magic mr-2"></i>
                        Chuyển đổi ngay
                    </button>
                </div>
            </form>
        </div>

        <!-- Processing -->
        <div id="processing" class="hidden bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
            <div class="text-center">
                <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div>
                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                    Đang xử lý file...
                </h3>
                <p class="text-gray-500 dark:text-gray-400" id="processing-status">
                    Đang phân tích dự án...
                </p>
                <div class="mt-4">
                    <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2">
                        <div id="progress-bar" class="bg-blue-600 h-2 rounded-full transition-all duration-300" style="width: 0%"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Result -->
        <div id="result" class="hidden bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
            <div class="text-center mb-6">
                <i class="fas fa-check-circle text-4xl text-green-600 mb-4"></i>
                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                    Chuyển đổi thành công!
                </h3>
                <p class="text-gray-500 dark:text-gray-400">
                    File đã được chuyển đổi và sẵn sàng để tải về
                </p>
            </div>
            
            <!-- Download Links -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
                <a id="download-converted" href="#" class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:border-green-500 transition-colors text-center">
                    <i class="fas fa-download text-2xl text-green-600 mb-2"></i>
                    <h4 class="font-medium text-gray-900 dark:text-white">File đã chuyển đổi</h4>
                    <p class="text-sm text-gray-500">Tải về file dự án mới</p>
                </a>
                <a id="download-report" href="#" class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:border-blue-500 transition-colors text-center">
                    <i class="fas fa-file-alt text-2xl text-blue-600 mb-2"></i>
                    <h4 class="font-medium text-gray-900 dark:text-white">Báo cáo chi tiết</h4>
                    <p class="text-sm text-gray-500">Xem thay đổi đã thực hiện</p>
                </a>
            </div>
            
            <!-- Summary -->
            <div id="conversion-summary" class="bg-gray-50 dark:bg-gray-700 rounded-lg p-4">
                <h4 class="font-medium text-gray-900 dark:text-white mb-3">Tóm tắt thay đổi:</h4>
                <div id="summary-content" class="text-sm text-gray-600 dark:text-gray-300">
                    <!-- Summary will be loaded here -->
                </div>
            </div>
        </div>

        <!-- Error -->
        <div id="error" class="hidden bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
            <div class="text-center">
                <i class="fas fa-exclamation-triangle text-4xl text-red-600 mb-4"></i>
                <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                    Có lỗi xảy ra
                </h3>
                <p class="text-gray-500 dark:text-gray-400 mb-6" id="error-message">
                    Vui lòng thử lại sau
                </p>
                <button id="retry-btn" class="bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors">
                    Thử lại
                </button>
            </div>
        </div>

        <!-- Content Section -->
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Về công cụ AE/PR Project Version Converter</h2>
            <div class="prose dark:prose-invert max-w-none">
                <p class="text-gray-600 dark:text-gray-300 mb-4">
                    Chuyển đổi dự án After Effects & Premiere sang phiên bản cũ hơn ngay trên trình duyệt. 
                    Công cụ hỗ trợ .aepx và .prproj, tự động sao lưu bản gốc, hạ version header, xử lý thẻ/thuộc tính không tương thích, và xuất báo cáo chi tiết. 
                    Không cần cài phần mềm, thao tác nhanh, an toàn cho dữ liệu.
                </p>
                
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Cách công cụ hoạt động:</h3>
                <ol class="list-decimal list-inside text-gray-600 dark:text-gray-300 mb-4 space-y-2">
                    <li>Phân tích file dự án để xác định phiên bản hiện tại</li>
                    <li>Áp dụng quy tắc chuyển đổi cho phiên bản đích</li>
                    <li>Loại bỏ hoặc thay thế các tính năng không tương thích</li>
                    <li>Neutralize các effect/transition mới</li>
                    <li>Tạo báo cáo chi tiết về các thay đổi</li>
                </ol>
                
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Các bước sử dụng:</h3>
                <ol class="list-decimal list-inside text-gray-600 dark:text-gray-300 mb-4 space-y-2">
                    <li>Tải lên file .prproj hoặc .aepx</li>
                    <li>Chọn Target Version (22/23/24)</li>
                    <li>Nhấn Convert Now và tải về file đã chuyển cùng report.json</li>
                </ol>
                
                <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-3">Lưu ý tương thích:</h3>
                <ul class="list-disc list-inside text-gray-600 dark:text-gray-300 mb-4 space-y-2">
                    <li>File .aep nhị phân không được hỗ trợ. Vui lòng xuất .aepx trong After Effects (File → Save As → After Effects XML Project)</li>
                    <li>Một số effect/transition mới có thể bị neutralize trên bản cũ (được ghi rõ trong báo cáo)</li>
                    <li>File được xử lý trên server tạm thời và tự động xóa sau 24 giờ</li>
                </ul>
            </div>
        </div>

        <!-- FAQ -->
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Câu hỏi thường gặp</h2>
            <div class="space-y-6">
                <div>
                    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                        Làm sao mở file AE/PR mới trên bản cũ?
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300">
                        Sử dụng công cụ này để chuyển đổi file .aepx hoặc .prproj từ phiên bản mới về phiên bản cũ hơn. File sẽ được xử lý để tương thích với phiên bản đích.
                    </p>
                </div>
                <div>
                    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                        Có mất effect/transition không?
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300">
                        Một số effect/transition mới có thể bị neutralize trên phiên bản cũ. Tất cả thay đổi sẽ được ghi rõ trong báo cáo chi tiết.
                    </p>
                </div>
                <div>
                    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                        Có cần cài phần mềm không?
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300">
                        Không cần cài phần mềm. Công cụ hoạt động hoàn toàn trên trình duyệt web.
                    </p>
                </div>
                <div>
                    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                        Dung lượng tối đa?
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300">
                        File tối đa 50MB. Hỗ trợ định dạng .prproj và .aepx.
                    </p>
                </div>
                <div>
                    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                        Bảo mật dữ liệu thế nào?
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300">
                        File được xử lý trên server tạm thời và tự động xóa sau 24 giờ. Không lưu trữ dữ liệu cá nhân.
                    </p>
                </div>
                <div>
                    <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-2">
                        Có hỗ trợ .aep không?
                    </h3>
                    <p class="text-gray-600 dark:text-gray-300">
                        Không hỗ trợ file .aep nhị phân. Vui lòng xuất .aepx từ After Effects: File → Save As → After Effects XML Project (.aepx).
                    </p>
                </div>
            </div>
        </div>

        <!-- Related Tools -->
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8">
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6">Công cụ liên quan</h2>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
                <a href="/convert/video" class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:border-blue-500 transition-colors">
                    <div class="text-center">
                        <i class="fas fa-video text-3xl text-blue-600 mb-2"></i>
                        <h3 class="font-medium text-gray-900 dark:text-white">Video Converter</h3>
                        <p class="text-sm text-gray-500">Chuyển đổi video</p>
                    </div>
                </a>
                <a href="/convert/zip-unzip" class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:border-blue-500 transition-colors">
                    <div class="text-center">
                        <i class="fas fa-file-archive text-3xl text-green-600 mb-2"></i>
                        <h3 class="font-medium text-gray-900 dark:text-white">ZIP/UnZIP</h3>
                        <p class="text-sm text-gray-500">Nén và giải nén</p>
                    </div>
                </a>
                <a href="/convert/pdf" class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:border-blue-500 transition-colors">
                    <div class="text-center">
                        <i class="fas fa-file-pdf text-3xl text-red-600 mb-2"></i>
                        <h3 class="font-medium text-gray-900 dark:text-white">PDF Tools</h3>
                        <p class="text-sm text-gray-500">Công cụ PDF</p>
                    </div>
                </a>
                <a href="/tools/text" class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:border-blue-500 transition-colors">
                    <div class="text-center">
                        <i class="fas fa-font text-3xl text-purple-600 mb-2"></i>
                        <h3 class="font-medium text-gray-900 dark:text-white">Text Utilities</h3>
                        <p class="text-sm text-gray-500">Tiện ích văn bản</p>
                    </div>
                </a>
            </div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
            <div class="text-center">
                <p class="text-gray-600 dark:text-gray-300 text-sm">
                    © 2024 Data Tool 365. Tất cả quyền được bảo lưu.
                </p>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="/js/i18n.js"></script>
    <script src="/js/storage.js"></script>
    <script src="/js/utils.js"></script>
    <script src="/js/ae-pr-converter.js"></script>
    
    <script>
        // Initialize theme
        document.addEventListener('DOMContentLoaded', function() {
            const theme = window.storage.getSetting('theme', 'light');
            document.documentElement.setAttribute('data-theme', theme);
            
            // Theme toggle
            document.getElementById('theme-toggle').addEventListener('click', function() {
                const currentTheme = document.documentElement.getAttribute('data-theme') || 'light';
                const newTheme = currentTheme === 'light' ? 'dark' : 'light';
                document.documentElement.setAttribute('data-theme', newTheme);
                window.storage.setSetting('theme', newTheme);
            });

            // Language toggle
            document.getElementById('language-toggle').addEventListener('click', function() {
                const currentLang = window.i18n.getCurrentLanguage();
                const newLang = currentLang === 'vi' ? 'en' : 'vi';
                window.i18n.changeLanguage(newLang);
            });
        });
    </script>
</body>
</html>
