Browse Source

add content

huaisianhuang 3 năm trước cách đây
mục cha
commit
4d7825c040

+ 5 - 3
layouts/index.html

@@ -9,9 +9,9 @@
 
         {{ partial "nav.html" . }}
 
-        {{ partial "carousel.html" . }}
+        <!--{{ partial "carousel.html" . }}
 
-        {{ partial "trends.html" . }}
+         {{ partial "trends.html" . }}
 
         {{ partial "videoDemo.html" . }}
 
@@ -23,7 +23,9 @@
 
         {{ partial "see_more.html" . }}
 
-        {{ partial "steps.html" . }}
+        {{ partial "steps.html" . }} -->
+
+        {{ partial "content-aianchor.html" . }}
 
         {{ partial "footer.html" . }}
 

+ 214 - 0
layouts/partials/content-aianchor.html

@@ -0,0 +1,214 @@
+<div id="heading-breadcrumbs">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12">
+                <h1>Ai主播是什麼?</h1>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+        <div id="content">
+            <div class="container dd">
+
+                <div class="row">
+
+                    
+
+                    <div class="col-md-9" id="blog-post">
+                   
+                        
+                          <p class="text-muted text-uppercase mb-small text-right">
+                            
+                            
+                            July 14, 2021
+                          </p>
+                        
+
+                        <div id="post-content">
+                          <h2 id=""><i class="fas fa-chevron-right"></i>Ai主播是什麼?</h2>
+<p>「AI主播」是透過虛擬人技術的的支持下, 通过人臉的關鍵特色偵測、人臉特徵擷取、臉部重構、唇語辨別、情感及表
+    情的分析等多項先進科技合成Ai主播, 並結合圖像及語音等資料建立模型,並且進行模型的訓練精準化模型,生成與真
+    人高度相似的的AI虛擬分身模型,進而合成Ai主播。 合成的Ai主播能夠將所輸入的中英文文稿自動生成相對應之影片,在
+    播報過程中,Ai主播的音頻、表情以及唇語嘴形可以保持自然一致,Ai主播完全展現出與真人主播無差異的資訊傳達效果。</p>
+    <br>
+<h2 id=""><i class="fas fa-chevron-right"></i>Ai主播使用什麼技術? </h2>
+<p>「AI主播」主要運用深度神經網路、深度學習、Deep Fake技術透過虛擬人技術的的支持下, 通過人臉的關鍵特色偵測、人臉特徵擷取、臉部重構、
+    唇語辨別、情感及表情的分析等多項先進科技合成Ai主播, 並結合圖像及語音等資料建立模型,並且進行模型的訓
+    練精準化模型,生成與真人高度相似的的AI虛擬分身模型,進而合成Ai主播。 合成的Ai主播能夠將所輸入的中英文
+    文稿自動生成相對應之影片,在播報過程中,Ai主播的音頻、表情以及唇語嘴形可以保持自然一致,Ai主播完全展現
+    出與真人主播無差異的資訊傳達效果。
+</p>
+<h2 id=""><i class="fas fa-chevron-right"></i>全球有哪些ai主播?</h2>
+<p>韓國首位AI主播日前正式上工,引起網友熱烈討論,與真人幾乎無差別的發音及動作神態引發關注,網友感嘆科技進步同時
+    不免感到相當憂心,作為AI主播原型的主播金柱夏也直呼要更努力,才不會被AI主播取代。
+</p>
+<img src="/img/404ea4e8b13e850063e6007f88bac12f.webp" alt="AI主播「AI金柱夏」">
+<p>韓國電視台MBN推出全國首名AI主播,這名以MBN當家主播金柱夏為原型的AI主播「AI金柱夏」是MBN與人工智慧(AI)
+    開發公司MoneyBrain合作研發,只要在系統鍵入1000字以內的原稿,就能自動產生播報畫面。MoneyBrain公司代
+    表張世榮接受媒體訪問時表示,新聞講求即時性,有了AI主播,無論在什麼時後發生重大新聞,都可快速即時提供播報畫面
+    MBN表示,「使用AI主播可在突發災難狀況時,迅速向觀眾播報新聞內容,且能一天24小時持續工作」,並可節省下大量
+    人力、時間和費用成本,用於嘗試製作其他新節目也能有效節約資源。AI金柱夏的影片播出後,可以看到許多網友在MBN
+    的YouTube頻道中留言,對AI主播的逼真程度感到驚艷,感嘆科技進步之快,「完全看不出來是AI」,也有人直呼「好可怕
+    ,雖然很方便,但工作機會可能又要減少了」。金柱夏本人表示,在看到AI主播的表現後,「對於AI技術總有一天可能威脅
+    到我的工作而感到不安」,但她也說,會更加努力及全面的傳達屬於人類的情感,這點是AI主播目前還無法做到的。也有不願
+    透露身分的主播對媒體表示,在AI主播出現後,以真人主播進行的新聞節目競爭預期更加激烈,可望激發出後續更具感性及趣味
+    的節目內容。</p><br>
+<p>韓國著名 YouTuber「Rui」 (루이)在之前證實,過去在影片中實際露臉的面貌,其實是由南韓軟體技術公司 dob Studio 
+     (디오비스튜디)以人工智慧技術打造。依照”扮演” YouTuber「Rui」的本人接受採訪時表示,實際上是因為希望成為一名歌手
+     ,但是在南韓演藝界極度重視外表的情況下,接受與 dob Studio 合作,透過深度學習的技術,將統計數據中最受歡迎面容組
+     合,以人工智慧方式動態合成在「Rui」本人在影片中的臉譜上,如AI主播一般 ,運用Deepfake技術, dob Studio 將深
+     度學習組合出的面容套用在影片內容中,因此實際上僅有頸部以下身體、頭髮與聲音部分為「Rui」本人。除了 YouTube 影片
+     內容藉由 dob Studio 合成面容,包含在 Instagram 上的靜態照片內容,其實也是藉由人工智慧技術合成。而借助人工智慧
+     創造的虛擬人物網紅、實況主,在目前相關技術持續精進之下,顯然也有越來越多應用可能性,例如可播報新聞的AI主播,虛擬實
+     況主,日本 Hololive 便是提供讓人以虛擬人物形式進行實況直播,而南韓 MBN 電視台也以當紅主播金柱夏形象,與人工智慧技
+     術公司。MoneyBrain 合作打造人工智慧AI主播「AI 金柱夏」 (AI 김주하),藉此協助新聞內容播報。</p><br>
+<p>中國在AI主播的發展市場上,也陸續發表了多款AI合成主播,這款被命名「新小浩」的站立式AI主播,仍然以
+    新華社主播邱浩為原型,在聲音和圖像兩大引擎上有了較大的優化和突破。在聲音方面,採用領先的波形建模技術生
+    成音頻,大大提升了合成音頻的表現力和真實度,使聲音更具起伏及情感。在圖像方面,通過模型優化及多重數據的使用,
+    實現更加逼真的表情合成、肢體動作與語義的恰當匹配以及更加自然的唇動及嘴形效果。「新小浩」不僅能坐著播報新聞,還
+    能站起來,帶著手勢、姿態等多種肢體動作聲情並茂地播報新聞,更加智能,更接近於真人。對於引人關注的新推出的AI女主播
+    ,基於AI合成主播更加成熟的技術,AI女主播播報效果和穩定性顯著提升。在2018年舉行的第五屆世界互聯網大會上,新華社聯合搜
+    狗發布全球首個合成新聞主播——「AI合成主播」,運用最新人工智慧技術,創造出與真人主播擁有同樣播報能力的「分身」,引起了世
+    界的關注。</p><br>
+<p>由三星旗下獨立實驗室STAR Labs孵化出NEON虛擬人,之所以叫NEON,是因為NEON一詞源自NEO(新)+ humaN(人類)。
+    NEON虛擬人在對人物原始面部、聲音等數據進行捕捉並學習之後,可以自主創建未錄入過的新表情、新動作、新對話,甚至能
+    說其他語言,可應用於AI主播等層面,未來的應用相當的廣大。NEON虛擬人不只是百科般的語音助手,而是能像真人一樣快速響
+    應對話,做出真實表情神態的夥伴。三星Star labs戰略負責人Bob Lian提到:「我們希望創造一個有自己的表情、行為、情感、
+    甚至感覺和記憶的新生命。」</p>
+
+<h2 id=""><i class="fas fa-chevron-right"></i>如何製作一個ai主播?</h2>
+<p>建立輸入文稿與輸出音頻訊息的關聯,在圖像的生成技術中,使用人的臉孔辨識,以及三維的臉部重建、表情建模以及肢體動作模型,
+    建立輸入的文稿、輸出的音頻和視覺動畫的關聯及合成,最終產出栩栩如生ai主播。</p>
+                        </div>
+                        
+   
+
+                    </div>
+                    
+
+
+<div class="col-md-3">
+
+                        
+
+                        
+
+<div class="panel panel-default sidebar-menu">
+
+    <div class="panel-heading">
+      <h3 class="panel-title">Search</h3>
+    </div>
+
+    <div class="panel-body">
+        <form action="//google.com/search" method="get" accept-charset="UTF-8" role="search">
+            <div class="input-group">
+                <input type="search" name="q" class="form-control" placeholder="Search">
+                <input type="hidden" name="sitesearch" value="http://localhost:1313/">
+                <span class="input-group-btn">
+                    <button type="submit" class="btn btn-template-main"><i class="fas fa-search"></i></button>
+                </span>
+            </div>
+        </form>
+    </div>
+</div>
+
+
+
+
+
+
+
+<div class="panel panel-default sidebar-menu">
+
+    <div class="panel-heading">
+        <h3 class="panel-title">Categories</h3>
+    </div>
+
+    <div class="panel-body">
+        <ul class="nav nav-pills nav-stacked">
+            
+            
+            <li>
+                <a href="/categories/trends">trends (8)</a>
+            </li>
+            
+        </ul>
+    </div>
+
+</div>
+
+
+
+
+
+
+
+<!-- 
+<div class="panel sidebar-menu">
+
+    <div class="panel-heading">
+        <h3 class="panel-title">Tags</h3>
+    </div>
+
+    <div class="panel-body">
+        <ul class="tag-cloud">
+            
+            
+            <li>
+                <a href="/tags/amp"><i class="fas fa-tags"></i> amp</a>
+            </li>
+            
+            <li>
+                <a href="/tags/covid"><i class="fas fa-tags"></i> covid</a>
+            </li>
+            
+            <li>
+                <a href="/tags/marketing"><i class="fas fa-tags"></i> marketing</a>
+            </li>
+            
+            <li>
+                <a href="/tags/seo"><i class="fas fa-tags"></i> seo</a>
+            </li>
+            
+            <li>
+                <a href="/tags/static-website"><i class="fas fa-tags"></i> static-website</a>
+            </li>
+            
+            <li>
+                <a href="/tags/statistics"><i class="fas fa-tags"></i> statistics</a>
+            </li>
+            
+            <li>
+                <a href="/tags/video"><i class="fas fa-tags"></i> video</a>
+            </li>
+            
+            <li>
+                <a href="/tags/vtuber"><i class="fas fa-tags"></i> vtuber</a>
+            </li>
+            
+        </ul>
+    </div>
+
+</div> -->
+
+
+
+
+
+
+                        
+
+                    </div>
+                    
+
+                    
+
+                </div>
+                
+
+            </div>
+            
+        </div>
+        

+ 30 - 1
static/css/custom.css

@@ -175,7 +175,7 @@
 
 .logo-sm {
   width: 110px;
-  height: 35px;
+  height: 30px;
 }
 
 .logo_text {
@@ -359,6 +359,35 @@
 
 #post-content img {
   width: 100%;
+  box-shadow: 0 11px 21px 0 rgba(194, 194, 194, 0.644);
+  transition: all .3s;
+  margin: 1.5rem 0;
 }
 
+#post-content img:hover {
+  transform: translateY(-.125em);
+  box-shadow: 0 5px 10px 0 rgba(grey, 0.3);
+}
+
+#post-content i {
+  font-size: 2rem;
+  vertical-align: middle;
+}
+
+#blog-post {
+  padding-bottom: 3rem;
+}
+
+#blog-post h2 {
+  font-family: "Proxima Nova",sans-serif;
+  margin-right: 5px;
+}
+
+#blog-post p, #blog-post li{
+  font-size: 1.8rem;
+  font-family: "Proxima Nova",sans-serif;
+}
+
+
+
 

+ 1 - 1
static/css/style.blue.css

@@ -2919,7 +2919,7 @@ fieldset[disabled] .btn-template-primary.active {
 }
 .navbar-brand {
   float: left;
-  padding: 10px 15px;
+  padding: 20px 15px;
   font-size: 18px;
   line-height: 20px;
   height: 62px;