From ad62ebb99c5601763bdb936aa45eaee9d11fe6bd Mon Sep 17 00:00:00 2001 From: ZhuYaoHui1998 <510677932@qq.com> Date: Tue, 24 Sep 2024 13:59:37 +0800 Subject: [PATCH] update NVIDIA_JETSON --- src/components/jeston/config.js | 152 ++++++++++++++++++++---- src/components/jeston/index.module.scss | 17 ++- src/components/jeston/index.tsx | 81 +++++++++++-- 3 files changed, 214 insertions(+), 36 deletions(-) diff --git a/src/components/jeston/config.js b/src/components/jeston/config.js index 66e8aea96879..c296909f1e46 100644 --- a/src/components/jeston/config.js +++ b/src/components/jeston/config.js @@ -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/', }, ] diff --git a/src/components/jeston/index.module.scss b/src/components/jeston/index.module.scss index 3490c39fb994..c06aa5344529 100644 --- a/src/components/jeston/index.module.scss +++ b/src/components/jeston/index.module.scss @@ -46,6 +46,7 @@ flex: 1; } + .banner_right { flex: 1; } @@ -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; @@ -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 { @@ -272,6 +284,7 @@ flex-wrap: wrap; .com_item { + background: #242526; } } diff --git a/src/components/jeston/index.tsx b/src/components/jeston/index.tsx index 7b3dfb0c89fb..079cf3784609 100644 --- a/src/components/jeston/index.tsx +++ b/src/components/jeston/index.tsx @@ -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, @@ -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 (
- NVIDIA® Jetson™ Powered Edge AI Devices Guide + Community Projects
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.
@@ -44,23 +45,85 @@ const communityRender = () => { return (
- NVIDIA® Jetson™ Powered Edge AI Devices Guide + Community Projects +
+ + {/* Computer Vision Section */} +
+ Computer Vision
{ - communityList.map((item) => { + communityList_cv.map((item) => { return ( -
toUrl(item.URL)}> - -
{item.name}
+
+ {/* 图片不进行跳转 */} + {item.name} + {/* 只有文字部分进行跳转 */} +
toUrl(item.URL)} + > + {item.name} +
) - })} + }) + }
+ {/* Generative AI Section */} +
+ Generative AI +
+
+ { + communityList_gen.map((item) => { + return ( +
+ {/* 图片不进行跳转 */} + {item.name} + {/* 只有文字部分进行跳转 */} +
toUrl(item.URL)} + > + {item.name} +
+
+ ) + }) + } +
+ + {/* Robotics Section */} +
+ Robotics +
+
+ { + communityList_robot.map((item) => { + return ( +
+ {/* 图片不进行跳转 */} + {item.name} + {/* 只有文字部分进行跳转 */} +
toUrl(item.URL)} + > + {item.name} +
+
+ ) + }) + } +
) } + + const usageRender = (obj) => { const [activeIndex, setActiveIndex] = useState(0);