choozmo
/
AI_Video_LP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <title>Choozmo Marketing Cloud</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/custom.css">
</head>

<body>
    {{ partial "navbar.html" . }}

    <div class="ai-presenter">
        <div class="container">
            <div id="home">
                <div class="row justify-content-center align-items-center ai-content">
                    <div class="col-12 col-md-6 d-flex justify-content-center">
                        <section>
                            <h2 class="title">製作影片 一鍵合成</h2>
                            <p>
                                上傳文字與素材，即速產生影片<br>
                                大幅省下時間、人力、器材成本<br>
                                腳本內容直接上鏈，紀錄透明<br>
                                可以使用集仕多的影片版型<br>
                                也可以自己客製化
                            </p>
                        </section>
                    </div>
                    <div class="col-12 col-md-6 my-5 my-md-0">
                        <div class="position-relative">
                            <img src="/img/背景紫.png" alt="" class="hero-purple">
                            <img src="/img/背景橘.png" alt="" class="hero-orange-s">
                            <img src="/img/textgrp3.png" alt="" class="hero-textgrp">
                            <img src="/img/video.png" alt="" class="hero-video">
                            <img src="/img/放大鏡.png" alt="" class="hero-amplify">
                            <div class="hero-imgfr"><img src="/img/2222.png" alt=""></div>
                        </div>
                    </div>
                    <div class="col-12">
                        <section class="position-relative img-item">
                            <img src="/imgs/home/首頁-06.png" alt="">
                            <p>2022 年集仕多的研發團隊 <br>
                                在 AI 虛擬人像上有了技術突破 <br>
                                第三代 AI 虛擬人像 <br>
                                不僅是視覺、聽覺也更加擬真 <br>
                                像真正的新聞播報員等級 <br>
                                現在不只能用集仕多的模板 <br>
                                可以諮詢我們客製化主播以及字幕邊框</p>
                        </section>
                    </div>
                </div>
            </div>

            <section class="title-item">
                <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
                <h4>應用方式</h4>
            </section>

            <section class="title-item">
                <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
                <h4>使用情境</h4>
            </section>

            <div class="row usecace-list">
                <div class="col-6 col-md-3">
                    <img src="/imgs/ai-presenter/usecace-01.png" alt="">
                    <h5>產品介紹</h5>
                </div>
                <div class="col-6 col-md-3">
                    <img src="/imgs/ai-presenter/usecace-02.png" alt="">
                    <h5>教育培訓</h5>
                </div>
                <div class="col-6 col-md-3">
                    <img src="/imgs/ai-presenter/usecace-03.png" alt="">
                    <h5>資訊傳播</h5>
                </div>
                <div class="col-6 col-md-3">
                    <img src="/imgs/ai-presenter/usecace-04.png" alt="">
                    <h5>個人內容創作</h5>
                </div>
            </div>

            <div class="row">
                <div class="col-6">
                    <div class="video-left">
                        <strong>快速模板範例</strong>
                        <div class="video-box">
                            <iframe width="560" height="315" src="https://www.youtube.com/embed/js2y4fQciLw"
                                title="YouTube video player" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="video-right">
                        <strong>客製化影片範例</strong>
                        <div class="video-box">
                            <iframe width="560" height="315" src="https://www.youtube.com/embed/rTML9TAsUS8"
                                title="YouTube video player" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid step-content">
            <div class="container">
                <section class="title-item">
                    <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
                    <h4>快速製作模板</h4>
                </section>

                <ul class="mt-5">
                    <li>
                        <h4>1. 註冊 AI Spokesgirl 專屬帳號</h4>
                        <p>一旦註冊即送 60 秒影片製作服務，使用滿意可後續加值</p>
                        <div class="d-flex justify-content-center">
                            <a href="https://video.choozmo.com/register.html" class="link-btn" target="_blank">點我免費註冊</a>
                        </div>
                    </li>
                    <li>
                        <h4>2. 準備影片內容</h4>
                        <p>準備一個資料夾，裡面有一個 "素材資料夾" 跟 "EXCEL 檔"</p>
                        <img src="/imgs/ai-presenter/step-01.png" alt="" class="mb-4">
                        <p>素材資料夾裡面放照片或影片</p>
                        <img src="/imgs/ai-presenter/step-02.png" alt="">
                        <small class="d-block ms-4">包含內容：圖片／影片（.jpg／.mp4）</small>
                        <p class="mt-5">EXCEL 檔整理成這個格式－大標題、字幕、素材、音檔</p>
                        <img src="/imgs/ai-presenter/step-03.png" alt="">
                        <ul class="point-list">
                            <li>字幕之間的斷句 使用符號【¥】</li>
                            <li>字幕每一句段落勿超過中文 25 字、英文 50 字</li>
                            <li>大標題字數勿超過中文 15 字、英文 30 字</li>
                            <li>音檔留空白</li>
                        </ul>
                        <p class="mt-5">以下為顯示效果：</p>
                        <img src="/imgs/ai-presenter/step-04.png" alt="">
                        <p class="mt-5">接下來同時選素材資料夾跟 EXCEL 檔，壓縮成 ZIP 檔</p>
                        <img src="/imgs/ai-presenter/step-05.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>

    {{ partial "footer.html" . }}

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
        crossorigin="anonymous"></script>
</body>

</html>