diff --git a/package.json b/package.json index b60125ea6fed3..fdc6ee222819a 100644 --- a/package.json +++ b/package.json @@ -43,6 +43,7 @@ "type": "module", "dependencies": { "animejs": "^3.2.1", + "saos": "^1.3.1", "svelte-icons": "^2.1.0", "sveltejs-adapter-ipfs": "^0.4.12", "theme-change": "^2.5.0" diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index f138f9e34d51a..9bdc07e0385ad 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -5,6 +5,7 @@ import oneLight from 'svelte-highlight/styles/one-light'; import { fade } from 'svelte/transition'; import Analytics from './components/analytics.svelte'; + export let data; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index bb6db52b3fb23..ddfd9334464ec 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,12 +5,11 @@ import Performance from './components/performance.svelte'; import CrossPlatform from './components/cross-platform.svelte'; import GenerativeAi from './components/generative-ai-hero.svelte'; - import TrainingInference from './components/training-inference.svelte'; import TrainingAndInference from './components/training-and-inference.svelte'; - import WebMobile from './components/web-mobile.svelte'; - import IoIosClose from 'svelte-icons/io/IoIosClose.svelte'; + import IoIosClose from 'svelte-icons/io/IoIosClose.svelte' import { onMount } from 'svelte'; import anime from 'animejs'; + import Saos from 'saos'; let removetoast = (e: any) => { e.target.parentNode.parentNode.remove(); @@ -33,10 +32,20 @@ - - - - + + + + + + + + + + +
+ + + + + diff --git a/src/routes/components/customers.svelte b/src/routes/components/customers.svelte index 46b797dccde9a..c7e4105de6093 100644 --- a/src/routes/components/customers.svelte +++ b/src/routes/components/customers.svelte @@ -5,6 +5,8 @@ import windowslogo from '../../images/logos/Windows_logo_and_wordmark.svg'; import huggingfacelogo from '../../images/logos/hf-logo-with-title.svg'; import { onMount } from 'svelte'; + // Prevents animations from being messed up when they first start + let interact = false; onMount(() => { anime({ targets: '.partner', @@ -18,21 +20,28 @@ return (l - i) * 50; } }); + setTimeout(() => { + interact = true; + }, 1000); }); let handleEnter = (e: any) => { - anime({ + if (interact){ + anime({ targets: e.target, scale: 1.1, duration: 1500 }); + } }; let handleLeave = (e: any) => { - anime({ + if (interact){ + anime({ targets: e.target, scale: 1, duration: 1500 }); + } }; diff --git a/src/routes/components/training-and-inference.svelte b/src/routes/components/training-and-inference.svelte index 85bde2044f1ea..8ccda35be736b 100644 --- a/src/routes/components/training-and-inference.svelte +++ b/src/routes/components/training-and-inference.svelte @@ -7,14 +7,13 @@
-

ONNX Runtime Training

ONNX Runtime can be used to accelerate both large model training and on-device training.

Learn more about ONNX Runtime Training →
-
+

Large Model Training

@@ -29,7 +28,7 @@
-
+

On-Device Training

@@ -54,7 +53,7 @@

Learn more about ONNX Runtime Inferencing →
-
+

ONNX Runtime Web

@@ -68,7 +67,7 @@
-
+

ONNX Runtime Mobile

diff --git a/src/routes/components/training-inference.svelte b/src/routes/components/training-inference.svelte deleted file mode 100644 index 8b5bc5c8afb41..0000000000000 --- a/src/routes/components/training-inference.svelte +++ /dev/null @@ -1,45 +0,0 @@ - - -
-
-
-
-

ORT Training

-

- ONNX Runtime can be used to accelerate both large model training and on-device training. -

-
- ORT Training Docs → -
-
-
-
-
Faster Training
-
↗︎ 1.4x
-
speed increase
-
-
-
-
-
-

ORT Inference

-

- ONNX Runtime Inference powers machine learning models in key Microsoft products and - services across Office, Azure, Bing, as well as dozens of community projects. -

-
- Ort Inference Docs → -
-
-
-
-
Faster Inferece
-
↗︎ 17x
-
speed increase
-
-
-
-
-
diff --git a/src/routes/components/web-mobile.svelte b/src/routes/components/web-mobile.svelte deleted file mode 100644 index 71f8abf8dd633..0000000000000 --- a/src/routes/components/web-mobile.svelte +++ /dev/null @@ -1,31 +0,0 @@ -
-
-
- -
-

ORT Web

-

ORT Web can be used in your web applications for model inferencing.

-
- ORT Web Docs → -
-
-
- -
-
-
-
-

ORT Mobile

-

ORT Mobile allows you to run model inferencing on mobile devices (iOS and Android).

-
- ORT Mobile Docs → -
-
-
- -
-
-
-
diff --git a/src/routes/inference/+page.svelte b/src/routes/inference/+page.svelte index 9f3995b656166..dc8e6da06363a 100644 --- a/src/routes/inference/+page.svelte +++ b/src/routes/inference/+page.svelte @@ -98,6 +98,83 @@ imgsrc={ImageInference1} imgalt="" /> +
+
+

Examples

+
+
+
+

Image Classification

+ The example app uses image classification which is able to continuously classify the objects + it sees from the device's camera in real-time and displays the most probable inference results + on the screen. +
+ Android Image Classifier → +
+
+
+
+
+

Speech Recognition

+ The example app uses speech recognition to transcribe speech from audio recorded by the device. +
+ Android Speech Recognition → + iOS Speech Recognition → +
+
+
+
+
+

Object Detection

+ The example app uses object detection which is able to continuously detect the objects in the + frames seen by your iOS device's back camera and display the detected object bounding boxes, + detected class and corresponding inference confidence on the screen. +
+ Android Object Detection → + iOS Object Detection → +
+
+
+
+
+

Question Answering

+ The example app gives a demo of introducing question answering models with pre/post processing + into mobile scenario. Currently supports on platform Android and iOS. +
+ Android Question Answering → + iOS Question Answering → +
+
+
+
+ Check out more examples of ONNX Runtime Mobile in action on GitHub. → +
+
@@ -116,6 +193,89 @@
+
+

Examples

+
+
+

ONNX Runtime Web Demo

+

+ ONNX Runtime Web demo is an interactive demo portal showing real use cases running ONNX + Runtime Web in VueJS. It currently supports five examples for you to quickly experience + the power of ONNX Runtime Web. +

+
+
+ + MobileNet, trained on ImageNet → + + + SqueezeNet, trained on ImageNet → + + + Emotion FerPlus → + + + Yolo → + + + MNIST → + +
+
+
+
+
+

Image Classification

+ The example demonstrates how to use a GitHub repository template to build an image classification + web app using ONNX Runtime web. +
+ Classify images in a web application → +
+
+
+
+
+

Speech Recognition

+ The example demonstrates how to run whisper tiny.en in your browser using ONNX Runtime Web + and the browser's audio interfaces. +
+ Run whisper tiny.en in your browser → +
+
+
+
+
+

Natural Language Processing (NLP)

+ The example demonstrates how to create custom Excel functions (ORT.Sentiment() and ORT.Question()) + to implement BERT NLP models with ONNX Runtime Web to enable deep learning in spreadsheet tasks. +
+ Custom Excel Functions for BERT NLP Tasks in JS → +
+
+
+
+
diff --git a/src/routes/pytorch/+page.svelte b/src/routes/pytorch/+page.svelte index db22f526685ce..edc2ac70cf73b 100644 --- a/src/routes/pytorch/+page.svelte +++ b/src/routes/pytorch/+page.svelte @@ -111,10 +111,10 @@ platforms.

- - Performance enhancements → + Performance enhancements →
diff --git a/src/routes/testimonials/+page.svelte b/src/routes/testimonials/+page.svelte index 83147004e54c2..d3a19c5ec0cc4 100644 --- a/src/routes/testimonials/+page.svelte +++ b/src/routes/testimonials/+page.svelte @@ -276,7 +276,7 @@

Our Customers

- Hear from some of the products and companies using ONNX Runtime: + Hear from some of the products and companies using ONNX Runtime

-

Examples

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ExamplePerformance ComparisonModel Change
HuggingFace BARTSee BARTNo model change required
HuggingFace BERTSee BERTNo model change required
HuggingFace DistilBERTSee DistilBERTNo model change required
HuggingFace GPT2See GPT2No model change required
+
+

Examples

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ExamplePerformance ComparisonModel Change
HuggingFace BARTSee BARTNo model change required
HuggingFace BERTSee BERTNo model change required
HuggingFace DistilBERTSee DistilBERTNo model change required
HuggingFace GPT2See GPT2No model change required
+