Skip to content

Commit

Permalink
update NVIDIA_JETSON
Browse files Browse the repository at this point in the history
  • Loading branch information
@ZhuYaoHui1998
ZhuYaoHui1998 committed Sep 24, 2024
1 parent fd89e96 commit ad62ebb
Show file tree
Hide file tree
Showing 3 changed files with 214 additions and 36 deletions.
152 changes: 127 additions & 25 deletions src/components/jeston/config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -263,45 +263,147 @@ export const listData1 = [
},
]

export const communityList = [
export const communityList_cv = [
{
name: 'Qualia S3 Fireplace',
img: 'com1',
href: 'https://www.seeedstudio.com/',
name: 'Train and Deploy YOLOv8 on reComputer',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/reComputer_is_all_you_need/inference.jpeg',
URL: 'https://wiki.seeedstudio.com/How_to_Train_and_Deploy_YOLOv8_on_reComputer/',
},
{
name: 'Simplifying Qualia CircuitPython Projects',
img: 'com2',
href: 'https://www.seeedstudio.com/',
name: 'Few-Shot Object Detection with YOLOv5 and Roboflow',
img: 'https://files.seeedstudio.com/wiki/YOLOV5/pink-flowers-2.gif',
URL: 'https://wiki.seeedstudio.com/YOLOv5-Object-Detection-Jetson/',
},
{
name: 'Adafruit Qualia ESP32-S3 for RGB-666 Displays',
img: 'com3',
href: 'https://www.seeedstudio.com/',
name: 'Deploy YOLOv8 using TensorRT and DeepStream',
img: 'https://files.seeedstudio.com/wiki/YOLOV8/car.gif',
URL: 'https://wiki.seeedstudio.com/YOLOv8-DeepStream-TRT-Jetson/',
},
{
name: 'Edge-Lit Tavern Sign with WLED - Control with WiFi...',
img: 'com4',
href: 'https://www.seeedstudio.com/',
name: 'Maskcam - Crowd Face Mask Usage Monitoring',
img: 'https://files.seeedstudio.com/wiki/Jetson-Nano-MaskCam/tu3.png',
URL: 'https://wiki.seeedstudio.com/Jetson-Nano-MaskCam/',
},
{
name: 'ESP32-S2 Reverse TFT Digital Clock Display featuring...',
img: 'com5',
href: 'https://www.seeedstudio.com/',
name: 'AI NVR with reServer Jetson',
img: 'https://files.seeedstudio.com/wiki/reComputer-Jetson/ai-nvr/result.png',
URL: 'https://wiki.seeedstudio.com/ai_nvr_with_jetson/',
},
{
name: 'No-Code IKEA Vindriktning Air Quality Sensor Hack...',
img: 'com6',
href: 'https://www.seeedstudio.com/',
name: 'Deploy Frigate On a reComputer(NVIDIA Jetson) device',
img: 'https://docs.frigate.video/assets/images/media_browser-min-1f8a7c629d1bdbee1c78f99a97a0219a.png',
URL: 'https://wiki.seeedstudio.com/deploy_frigate_on_jetson/',
},
{
name: 'LEGO Set Lighting',
img: 'com7',
href: 'https://www.seeedstudio.com/',
name: 'Quickly Experience YOLOv10 on reComputer',
img: 'https://github.com/ZhuYaoHui1998/jetson-examples/raw/main/reComputer/scripts/yolov10/assets/webui.png',
URL: 'https://github.com/ZhuYaoHui1998/jetson-examples/blob/main/reComputer/scripts/yolov10/README.md',
},
{
name: 'Qualia S3 Space Clock',
img: 'com8',
href: 'https://www.seeedstudio.com/',
name: 'One-Click Quick Deployment of Plug-and-Play Ultralytics YOLOv8',
img: 'https://github.com/ZhuYaoHui1998/jetson-examples/raw/main/reComputer/scripts/ultralytics-yolo/images/Ultralytics-yolo.gif',
URL: 'https://github.com/ZhuYaoHui1998/jetson-examples/blob/main/reComputer/scripts/ultralytics-yolo/README.md',
},
]

export const communityList_gen = [
{
name: 'Custom Local LLM: Fine-tune LLM by Llama-Factory on reComputer',
img: 'https://files.seeedstudio.com/wiki/reComputer-Jetson/Llama-Factory/run.gif',
URL: 'https://wiki.seeedstudio.com/Finetune_LLM_on_Jetson/',
},
{
name: 'Quantized Llama2-7B with MLC LLM on reComputer',
img: 'https://files.seeedstudio.com/wiki/reComputer-Jetson/A608/MLC_LLM.gif',
URL: 'https://wiki.seeedstudio.com/Quantized_Llama2_7B_with_MLC_LLM_on_Jetson/',
},
{
name: 'Run a Local LLM Text-to-Image on reComputer',
img: 'https://files.seeedstudio.com/wiki/wiki-ranger/Contributions/Nvidia_Jetson_recomputer_LLM_texto-to-image/30_cyberpunkGirl.png',
URL: 'https://wiki.seeedstudio.com/How_to_run_local_llm_text_to_image_on_reComputer/',
},
{
name: 'Deploy Whisper on reComputer for Real time Speech to Text',
img: 'https://files.seeedstudio.com/wiki/reComputer-Jetson/A608/Real-Time-Whisper.gif',
URL: 'https://wiki.seeedstudio.com/Edge/NVIDIA_Jetson/Application/Generative_AI/Whisper_on_Jetson_for_Real_Time_Speech_to_Text/',
},
{
name: 'Local RAG based on Jetson with LlamaIndex',
img: 'https://files.seeedstudio.com/wiki/reComputer-Jetson/A608/RAG-MLC-Jetson.gif',
URL: 'https://wiki.seeedstudio.com/Local_RAG_based_on_Jetson_with_LlamaIndex/',
},
{
name: 'Zero-Shot Detection on reComputer with Jetson Platform Services',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/zero_shot_detection/fig1.gif',
URL: 'https://wiki.seeedstudio.com/run_zero_shot_detection_on_recomputer/',
},
{
name: 'Run VLM on reComputer with Jetson Platform Services',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/vlm/vlmgif.gif',
URL: 'https://wiki.seeedstudio.com/run_vlm_on_recomputer/',
},
{
name: 'Format Output with Langchain',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/Format_LLM_Opt/format_llm_opt.gif',
URL: 'https://wiki.seeedstudio.com/How_to_Format_the_Output_of_LLM_Using_Langchain_on_Jetson/',
},
{
name: 'Local Voice Chatbot : Deploy Riva and Llama2 on reComputer',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/Local_Voice_Chatbot/workflow.png',
URL: 'https://wiki.seeedstudio.com/Local_Voice_Chatbot/',
},
{
name: 'Speech Subtitle Generation on Nvidia Jetson',
img: 'https://files.seeedstudio.com/wiki/reComputer-Jetson/A608/recoder.gif',
URL: 'https://wiki.seeedstudio.com/Real%20Time%20Subtitle%20Recoder%20on%20Nvidia%20Jetson/',
},
{
name: 'Local AI Assistant : Deploy Ollama and AnytingLLM on Jetson',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/local-ai-assistant/ai-assistant.png',
URL: 'https://wiki.seeedstudio.com/local_ai_ssistant/',
},
{
name: 'Run VLM with speech interaction on reComputer Jetson',
img: 'https://files.seeedstudio.com/wiki/reComputer/Application/Multimodal_ai/audio_vlm/vlmgif.gif',
URL: 'https://wiki.seeedstudio.com/speech_vlm/',
},
{
name: 'One click Using Llama-Factory',
img: 'https://github.com/Seeed-Projects/jetson-examples/raw/main/reComputer/scripts/llama-factory/assets/training.gif',
URL: 'https://github.com/Seeed-Projects/jetson-examples/tree/main/reComputer/scripts/llama-factory',
},
{
name: 'One click Deploy Deep-Live-Cam AI face-swapping',
img: 'https://github.com/Seeed-Projects/jetson-examples/raw/main/reComputer/scripts/deep-live-cam/images/WebUI.png',
URL: 'https://github.com/Seeed-Projects/jetson-examples/blob/main/reComputer/scripts/deep-live-cam/README.md',
},
{
name: 'Run ComfyUI (Stable Diffusion GUI) on reComputer',
img: 'https://github.com/Seeed-Projects/jetson-examples/raw/main/reComputer/scripts/comfyui/images/comfyui.png',
URL: 'https://github.com/Seeed-Projects/jetson-examples/blob/main/reComputer/scripts/comfyui/README.md',
},

]

export const communityList_robot = [
{
name: 'Install ROS1 on reComputer',
img: 'https://files.seeedstudio.com/wiki/robotics/software/install_ros1/fig2.png',
URL: 'https://wiki.seeedstudio.com/installing_ros1/',
},
{
name: 'Use RoboSense LiDAR on reComputer',
img: 'https://files.seeedstudio.com/wiki/robotics/hardware/robosense/fig10.png',
URL: 'https://wiki.seeedstudio.com/robosense_lidar/',
},
{
name: 'Use Multiple CSI Cameras on reComputer with ROS',
img: 'https://files.seeedstudio.com/wiki/robotics/hardware/csi_camera/fig2.png',
URL: 'https://wiki.seeedstudio.com/csi_camera_on_ros/',
},
{
name: 'Run A-LOAM 3D SLAM on reComputer',
img: 'https://files.seeedstudio.com/wiki/robotics/software/aloam/fig0.gif',
URL: 'https://wiki.seeedstudio.com/a_loam/',
},
]
17 changes: 15 additions & 2 deletions src/components/jeston/index.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@
flex: 1;
}


.banner_right {
flex: 1;
}
Expand Down Expand Up @@ -107,7 +108,14 @@

.community {
// background-color: #fff;

.subtitle {
font-size: 20px;
font-weight: bold;
text-align: center;
margin-top: 10px;
color: #555; // 自定义颜色
}

.com_wrapper {
flex-wrap: wrap;

Expand All @@ -118,13 +126,17 @@
background: #F3F5F8;
margin-right: 24px;
margin-bottom: 24px;
text-align: center;

&:nth-child(4n) {
margin-right: 0;
}

img {
border-radius: 10px;
width: 450px; /* 固定宽度 */
height: 150px; /* 固定高度 */
object-fit: cover; /* 保持图片比例，裁剪过大的部分 */
border-radius: 10px; /* 可选，给图片添加圆角 */
}

.com_title {
Expand Down Expand Up @@ -272,6 +284,7 @@
flex-wrap: wrap;

.com_item {

background: #242526;
}
}
Expand Down
81 changes: 72 additions & 9 deletions src/components/jeston/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React, { useState } from 'react';
import clsx from 'clsx'
import styles from './index.module.scss'
import { listData,listData1, communityList } from './config'
import { listData,listData1, communityList_cv,communityList_gen, communityList_robot} from './config'
import {
useThemeConfig,
useColorMode,
Expand All @@ -13,16 +13,17 @@ function getImgUrl(str: string, suffix?: string) {

const toUrl = (url: string) => {
if (!url) return;
window.location.href(url, '_blank'); // 在新窗口打开链接
window.location.href = url; // 在当前窗口打开链接
}



const bannerRender = () => {
return (
<div className={styles.banner}>
<div className={styles.banner_left}>
<div className={styles.title}>
NVIDIA® Jetson™ Powered Edge AI Devices Guide
Community Projects
</div>
<div>NVIDIA® Jetson™ delivers high-performance AI at the edge with energy-efficient modules using NVIDIA CUDA-X™ software. As an authorized reseller and Elite Partner, Seeed provides a comprehensive edge AI development solution, leveraging 15+ years of hardware expertise. Our offerings include standard carrier boards, ODM services, and image flashing, ensuring a seamless integration process. Partnering with top AI ecosystem players, we expedite your market launch with our end-to-end service from integration to distribution.</div>
<div className={clsx(styles.flex, styles.bottom)}>
Expand All @@ -44,23 +45,85 @@ const communityRender = () => {
return (
<div className={clsx(styles.section, styles.community)}>
<div className={styles.title}>
NVIDIA® Jetson™ Powered Edge AI Devices Guide
Community Projects
</div>

{/* Computer Vision Section */}
<div className={clsx(styles.subtitle, styles.bold, styles.center)}>
Computer Vision
</div>
<div className={clsx(styles.com_wrapper, styles.flex, styles.section_wrapper)}>
{
communityList.map((item) => {
communityList_cv.map((item) => {
return (
<div className={clsx(styles.com_item)} onClick={()=>toUrl(item.URL)}>
<img src={item.img} alt="" />
<div className={clsx(styles.com_title,styles.cursor)} >{item.name}</div>
<div className={clsx(styles.com_item)}>
{/* 图片不进行跳转 */}
<img src={item.img} alt={item.name} />
{/* 只有文字部分进行跳转 */}
<div
className={clsx(styles.com_title, styles.cursor)}
onClick={() => toUrl(item.URL)}
>
{item.name}
</div>
</div>
)
})}
})
}
</div>

{/* Generative AI Section */}
<div className={clsx(styles.subtitle, styles.bold, styles.center)}>
Generative AI
</div>
<div className={clsx(styles.com_wrapper, styles.flex, styles.section_wrapper)}>
{
communityList_gen.map((item) => {
return (
<div className={clsx(styles.com_item)}>
{/* 图片不进行跳转 */}
<img src={item.img} alt={item.name} />
{/* 只有文字部分进行跳转 */}
<div
className={clsx(styles.com_title, styles.cursor)}
onClick={() => toUrl(item.URL)}
>
{item.name}
</div>
</div>
)
})
}
</div>

{/* Robotics Section */}
<div className={clsx(styles.subtitle, styles.bold, styles.center)}>
Robotics
</div>
<div className={clsx(styles.com_wrapper, styles.flex, styles.section_wrapper)}>
{
communityList_robot.map((item) => {
return (
<div className={clsx(styles.com_item)}>
{/* 图片不进行跳转 */}
<img src={item.img} alt={item.name} />
{/* 只有文字部分进行跳转 */}
<div
className={clsx(styles.com_title, styles.cursor)}
onClick={() => toUrl(item.URL)}
>
{item.name}
</div>
</div>
)
})
}
</div>
</div>
)
}


const usageRender = (obj) => {
const [activeIndex, setActiveIndex] = useState(0);

Expand Down

0 comments on commit ad62ebb

Please sign in to comment.