|
|
@@ -17,101 +17,141 @@
|
|
|
<body>
|
|
|
{{ partial "navbar.html" . }}
|
|
|
|
|
|
- <div class="container ai-presenter">
|
|
|
- <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 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 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>
|
|
|
|
|
|
- <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 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>
|
|
|
|
|
|
- <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 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>
|
|
|
- <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 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>
|
|
|
|
|
|
+ <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" . }}
|
|
|
|
