add user case

anti-block bulletchat
w3c · Aug 2, 2019 · 0ed7b16 · 0ed7b16
1 parent f3fd9eb
commit 0ed7b16
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/images/bulletchat-Anti-block.png b/images/bulletchat-Anti-block.png
diff --git a/images/bulletchat-fig.jpg b/images/bulletchat-fig.jpg
diff --git a/index.html b/index.html
@@ -352,14 +352,26 @@ <h2>互动上墙</h2>
     <section>
       <h2>防挡弹幕</h2>
       <p>
-        [待完善]
+        观看视频的时候，可能会因为观众对于内容的喜爱或者吐槽而有大量的弹幕在同时出现在画面上，此时就会把视频本身的内容覆盖的严严实实，影响大家对于视频内容的观看，比如学习舞蹈的时候被弹幕覆盖看不清舞蹈的动作等。这种情况下，就可以借助计算机视觉和AI的能力，对视频内容进行分析，并将之前已经定义好的“视频主体内容”进行识别，生成蒙版并分发给客户端后，客户端利用CSS3的特性进行渲染从而达成弹幕不会覆盖定义的“视频主体内容”的效果，这种弹幕被称为“蒙版弹幕”，也被称为“防挡弹幕”。
       </p>
+      <figure>
+        <img alt="示例示意图" src="images/bulletchat-Anti-block.png" width="600">
+        <figcaption>
+          图为防挡弹幕中没有被弹幕遮挡的舞者
+        </figcaption>
+      </figure>
     </section>
     <section>
       <h2>非文字弹幕</h2>
       <p>
-        [待完善]
+        弹幕内容可以包含emoji表情和图片等非文字内容，更加形象丰富的表达观看者的想法和观点。
       </p>
+      <figure>
+        <img alt="示例示意图" src="images/bulletchat-fig.jpg" width="600">
+        <figcaption>
+          图为弹幕内容中包含图片的内容
+        </figcaption>
+      </figure>
     </section>
   </section>