import streamlit as st st.markdown(""" #### 3😊MediaPipeπŸ€Έβ€β™‚οΈπŸ•Ί MediaPipe: Real-time, 3D, body and face cross-platform AI/ML SDK on any device using Javascript, Codepen and Mediapipe. #### AI/ML Examples with JavaScript Links πŸ”— 1. πŸ–ΌοΈ Image Classifier: [Link](https://mediapipe-studio.webapps.google.com/demo/image_classifier) 2. 🧱 Object Detector: [Link](https://mediapipe-studio.webapps.google.com/demo/object_detector) 3. πŸ“ Text Classifier: [Link](https://mediapipe-studio.webapps.google.com/demo/text_classifier) 4. πŸ‘‹ Gesture Recognizer: [Link](https://mediapipe-studio.webapps.google.com/demo/gesture_recognizer) 5. 🀚 Hand Landmarks: [Link](https://mediapipe-studio.webapps.google.com/demo/hand_landmarker) 6. 🎡 Audio Classifier: [Link](https://mediapipe-studio.webapps.google.com/demo/audio_classifier) 🌟 Getting Started: [link](https://google.github.io/mediapipe/getting_started/javascript.html) #### πŸŽ₯ Solution Demonstrations 1. 😊 Face Mesh: [link](https://codepen.io/mediapipe/full/KKgVaPJ) 2. πŸ˜„ Face Detection: [link](https://codepen.io/mediapipe/full/dyOzvZM) 3. 🀲 Hands: [link](https://codepen.io/mediapipe/full/RwGWYJw) 4. πŸ€Έβ€β™‚οΈ Holistic (Face, Hands, Body): [link](https://codepen.io/mediapipe/full/LYRRYEw) 5. πŸ“¦ Objectron: [link](https://codepen.io/mediapipe/full/BaWvzdY) 6. πŸ•Ί Full Skeletal Pose: [link](https://codepen.io/mediapipe/full/jOMbvxw) 7. πŸ‘€ Self Segmentation: [link](https://codepen.io/mediapipe/full/wvJyQpq) #### πŸ–ΌοΈ Demonstrations with Screenshots 1. πŸ‘€ Self Segmentation: ![image](https://user-images.githubusercontent.com/30595158/225767564-786928a3-7c91-4df1-babb-0cc4c2b71460.png) 2. πŸ•Ί Full Skeletal Pose: ![image](https://user-images.githubusercontent.com/30595158/225767721-6f088349-3f56-41b3-85d4-98f2456dc165.png) 3. 🀲 Hands in 3D: ![image](https://user-images.githubusercontent.com/30595158/225767970-0e1000e8-72a8-4276-a6f0-ccfcd3ac6d72.png) 4. πŸ€Έβ€β™‚οΈ Holistic View: ![image](https://user-images.githubusercontent.com/30595158/225768092-2cb4a144-7033-46b1-a476-3e0ec376eb36.png) 5. πŸ˜„ Face Detection: ![image](https://user-images.githubusercontent.com/30595158/225768256-c97c0f62-6ef9-4c7e-aa41-8eaf4f344a3d.png) 6. 😊 Face Mesh (30 FPS): ![image](https://user-images.githubusercontent.com/30595158/225768360-c64197ff-919f-47a9-8cc0-c6d5e73e5853.png) """)