feat: added ability for video file playback

willcray · Nov 11, 2024 · 9cbae4b · 9cbae4b
1 parent 46624fc
commit 9cbae4b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/_pages/projects.html b/_pages/projects.html
@@ -27,6 +27,11 @@ <h4>
         </div>
         {% elsif x.picture %}
         <img src="{{ x.picture | relative_url }}" class="img-fluid">
+        {% elsif x.video_file %}
+        <video autoplay muted loop playsinline width="100%">
+            <source src="{{ x.video_file | relative_url }}" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
         {% endif %}
     </div>
 </div>

diff --git a/_projects/1-review-app.md b/_projects/1-review-app.md
@@ -1,7 +1,7 @@
 ---
 layout: page
 categories: Embedded
-title: Review App
-picture: /images/projects/YC_Demo.mp4
+title: ReView
+video_file: /images/projects/YC_Demo.mp4
 ---
-I built an app that allows users to learn what's recyclable and compostable in their area by taking a photo of an item. The app uses a convolutional neural network to classify the item and a rule-based system to determine if it's recyclable or compostable. It's built using a React Native/TypeScript and a Firebase/AWS Sagemaker backend.
+ReView is an app that allows users to learn what's recyclable and compostable in their area by taking a photo of an item. The app uses a convolutional neural network to classify the item and a rule-based system to determine if it's recyclable or compostable. It's built using a React Native/TypeScript and a Firebase/AWS Sagemaker backend.