onnxruntime/index.html
Faith Xu 38aceadd08
Handle disabled js (#2363)
* Update css

* Add element for disabled js
2019-11-11 22:43:16 -08:00

455 lines
33 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ONNX Runtime | Home</title>
<link rel="icon" href="./images/ONNXRuntime-Favicon.png" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<a class="skip-main" id="topContent" href="#skipMain">Skip to main content</a>
<div class="main-wrapper">
<div class="top-banner-bg">
<header class="fixed-top header-content">
<nav class="navbar navbar-expand-md navbar-custom" aria-label="Main menu">
<a id="ONNXLogo" class="navbar-brand" href="./index.html">
<img src="images/svg/ONNX-Runtime-logo.svg" class="d-inline-block align-top onnx-logo" alt="ONNX Runtime Home" />
</a>
<button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse border-md-top mt-md-0 mt-2" id="navbarNav">
<div class="mr-auto"></div>
<div class="my-md-2 mb-0 mt-2 my-lg-0 pl-3 pl-md-0">
<ul class="navbar-nav navbar-nav mr-auto text-uppercase" id="navigation">
<li class="nav-item">
<a class="nav-link pr-3 btn-getStarted" href="JavaScript:void(0);">Get Started</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" target="_blank" href="https://cloudblogs.microsoft.com/opensource/tag/onnx">News</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="http://github.com/microsoft/onnxruntime">GitHub</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div role="main" id="skipMain">
<div class="container px-md-4 px-lg-5 pt-5 mx-auto text-center">
<h1 class="pt-3 pb-3 pt-md-5 pb-lg-5 px-md-4 px-lg-5 mt-5 mb-0">Optimize and accelerate machine learning
inferencing across the cloud and the edge</h1>
<a id="getStarted" href="JavaScript:void(0);" class="btn btn-lg btn-primary text-uppercase px-5 py-3 btn-blue btn-getStarted">Get Started</a>
</div>
<div class="outer-container mx-auto pt-md-5 pt-3">
<section class="py-md-5 pt-3 pb-4 blue-title-columns">
<div class="container-fluid">
<div class="row equalHeight">
<div class="col-12 col-md-4 mb-2 mb-md-0">
<div class="row">
<div class="col-2 col-md-3 col-xl-2">
<div class="icon-container">
<img src="images/svg/icon-1.svg" alt="" />
</div>
</div>
<div class="col-10 col-sm-9 col-xl-10 pl-sm-0 pl-md-3 pl-lg-0 pl-xl-3">
<h2 class="mr-xl-5">Easily optimize and accelerate inferencing</h2>
<p class="mr-xl-5 mb-md-0">Reduce latency and inferencing costs across the cloud and the edge using built-in graph optimizations and hardware accelerators.
</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 mb-2 mb-md-0">
<div class="row">
<div class="col-2 col-md-3 col-xl-2">
<div class="icon-container">
<img src="images/svg/icon-2.svg" alt="" />
</div>
</div>
<div class="col-10 col-sm-9 col-xl-10 pl-sm-0 pl-md-3 pl-lg-0 pl-xl-3">
<h2 class="mr-xl-5">Plug-in to your technology stack</h2>
<p class="mr-xl-5 mb-md-0">Cross-platform support and convenient <abbr title="Application Program Interface">API</abbr>s make inferencing with ONNX Runtime easy.</p>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="row">
<div class="col-2 col-md-3 col-xl-2">
<div class="icon-container">
<img src="images/svg/icon-3.svg" alt="" />
</div>
</div>
<div class="col-10 col-sm-9 col-xl-10 pl-sm-0 pl-md-3 pl-lg-0 pl-xl-3">
<h2 class="mr-xl-5">Leverage open source innovation</h2>
<p class="mr-xl-5 mb-0">With innovation and support from its open source community, ONNX Runtime continuously improves while delivering the reliability you need.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-md-5 pb-4 pt-4 get-started-section border-top" id="getStartedTable">
<div class="container-fluid">
<noscript>
<div class="javascript-is-disabled row">
<div class="col">
<div class="ns-callout">
<h2>Please enable JavaScript to use the interactive installation guide.</h2>
<p class="mb-0">Need help enabling JavaScript? Follow the instructions <a href="https://www.whatismybrowser.com/guides/how-to-enable-javascript/auto" target="_blank">here</a>.</p>
</div>
</div>
</div>
</noscript>
<div class="row ml-0">
<div class="col">
<div class="text-center pb-3">
<h2>Get Started Easily</h2>
<p class="mb-0 mb-md-3">Select your requirements and use the resources provided to get started quickly
</p>
</div>
<div class="row r-wrap mb-1 mb-md-0 mr-0" role="group">
<div class="col-md-3 r-heading">
<h3 id="selectOS"><abbr title="Operating System">OS</abbr></h3>
<p id="decriptionOS" class="sr-only"><abbr>OS</abbr> list contains three items</p>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-1" aria-labelledby="selectOS" aria-describedby="decriptionOS">
<div class="row os">
<div class="col-lg-2dot4 col-md-4 r-option version selected" role="option" tabindex="0" aria-selected="true" id="windows">
<span>Windows</span>
</div>
<div class="col-lg-2dot4 col-md-4 r-option version" role="option" tabindex="-1" aria-selected="false" id="linux">
<span>Linux</span>
</div>
<div class="col-lg-2dot4 col-md-4 r-option version" role="option" tabindex="-1" aria-selected="false" id="mac">
<span>Mac</span>
</div>
</div>
</div>
</div>
<div class="row r-wrap mb-1 mb-md-0 mr-0">
<div class="col-md-3 r-heading">
<h3 id="selectLanguage">Language</h3>
<p id="decriptionLanguage" class="sr-only">Language list contains four items</p>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-2" aria-labelledby="selectLanguage" aria-describedby="decriptionLanguage">
<div class="row language">
<div class="col-lg-2dot4 col r-option selected" role="option" tabindex="0" aria-selected="true" id="Python(3.5-3.7)"><span>Python (3.5-3.7)</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="C++"><span>C++</span></div>
<div class="col-lg-2dot4 col r-option" aria-selected="false" role="option" tabindex="-1" id="C#"><span><abbr>C#</abbr></span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="C"><span>C</span></div>
</div>
</div>
</div>
<div class="row r-wrap mb-1 mb-md-0 mr-0">
<div class="col-md-3 r-heading ">
<h3 id="selectArchitecture" class="align-self-center">Architecture</h3>
<p id="decriptionArchitecture" class="sr-only">Architecture list contains five items</p>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-3" aria-labelledby="selectArchitecture" aria-describedby="decriptionArchitecture">
<div class="row architecture">
<div class="col-lg-2dot4 col r-option selected" role="option" tabindex="0" aria-selected="true" id="X64">
<span><abbr>X64</abbr></span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="X86">
<span><abbr>X86</abbr></span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="ARM64">
<span><abbr>ARM64</abbr></span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="ARM32">
<span><abbr>ARM32</abbr></span></div>
</div>
</div>
</div>
<div class="row r-wrap mb-1 mb-md-0 mr-0">
<div class="col-md-3 r-heading">
<h3 id="selectHardwareAcceleration">Hardware Acceleration</h3>
<p id="decriptionHardwareAcceleration" class="sr-only">Hardware Acceleration list contains nine items</p>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-4" aria-labelledby="selectHardwareAcceleration" aria-describedby="decriptionHardwareAcceleration">
<div class="row hardwareAcceleration">
<div class="col-lg-2dot5 col r-option version selected" role="option" tabindex="0" aria-selected="true" id="DefaultCPU">
<span>Default <abbr>CPU</abbr></span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="CUDA">
<span><abbr>CUDA</abbr></span>
</div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="TensorRT">
<span>Tensor<abbr>RT</abbr></span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="DirectML">
<span>Direct<abbr>ML</abbr></span>
</div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="MKL-DNN">
<span><abbr>MKL-DNN</abbr></span>
</div>
<!-- </div>
<div class="row hardwareAcceleration"> -->
<div class="col-lg-2dot4 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="MKL-ML">
<span><abbr>MKL-ML</abbr></span>
</div>
<div class="col-lg-2dot4 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="nGraph">
<span>nGraph</span></div>
<div class="col-lg-2dot4 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="NUPHAR">
<span><abbr>NUPHAR</abbr></span></div>
<div class="col-lg-2dot4 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="OpenVINO">
<span>OpenVINO</span></div>
</div>
</div>
</div>
<div class="row r-wrap command-block row-eq-height mr-0">
<div class="col-md-3 r-heading">
<h3 id="selectRunCommand">Installation Instructions</h3>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4">
<div class="row">
<div class="col r-option command-container" id="command" role="status">
<span>
Please select a combination of resources.
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-md-5 pb-4 pb-4 pt-4 blue-title-columns border-top">
<div class="container-fluid">
<div class="row equalHeight-1">
<div class="col-12 col-md-6 mb-2 mb-md-0">
<div class="row">
<div class="col-1 col-sm-1 pr-5">
<div class="icon-container">
<img src="images/svg/icon-4.svg" alt="" />
</div>
</div>
<div class="col-9 col-sm-9 pl-2 pl-md-4">
<h2>Build an ONNX Model</h2>
<div class="onnx-model-content">
<p>Build and train a machine learning model to meet your project goals using the tools that best meet your needs:</p>
<ul class="pl-0 custom-list mb-md-0">
<li class="pb-3"><a href="https://github.com/onnx/tutorials#converting-to-onnx-format" target="_blank" class="link"><span class="link-content">Convert an existing model</span><span class="link-arrow fa fa-angle-right"></span></a></li>
<li class="pb-3">
<p class="mb-0"><strong>Develop a new model</strong></p>
<ul class="custom-list pl-3">
<li><a href="https://github.com/Azure/MachineLearningNotebooks/tree/master/how-to-use-azureml/deployment/onnx#onnx-on-azure-machine-learning" target="_blank" class="link"><span class="link-content">Azure Machine Learning</span>
<span class="link-arrow fa fa-angle-right"></span></a></li>
<li><a href="https://www.customvision.ai/" target="_blank" class="link"><span class="link-content">Custom
Vision, an Azure Cognitive
Service</span><span class="link-arrow fa fa-angle-right"></span></a></li>
</ul>
</li>
<li><a href="https://github.com/onnx/models#onnx-model-zoo" target="_blank" class="link"><span class="link-content">Use
a pre-trained model</span><span class="link-arrow fa fa-angle-right"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="row">
<div class="col-1 col-sm-1 pr-5">
<div class="icon-container">
<img src="images/svg/icon-5.svg" alt="" />
</div>
</div>
<div class="col-9 col-sm-9 pl-2 pl-md-4">
<h2>Deploy your ONNX Model</h2>
<div class="onnx-model-content">
<p>Deploy your ONNX model across hardware devices:</p>
<ul class="custom-list pl-0 mb-0">
<li class="pb-3"><a href="https://aka.ms/onnxruntime-cloud" target="_blank" class="link"><span class="link-content">Cloud</span><span class="link-arrow fa fa-angle-right"></span></a></li>
<li class="pb-3"><a href="https://aka.ms/onnxruntime-iot-edge" target="_blank" class="link"><span class="link-content"><abbr title="Internet of things">IoT</abbr> / Edge</span><span class="link-arrow fa fa-angle-right"></span></a></li>
<li><a href="https://aka.ms/onnxruntime-local" target="_blank" class="link"><span class="link-content">Local
Applications</span> <span class="link-arrow fa fa-angle-right"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-md-5 pb-4 pt-4 blue-title-columns border-top">
<div class="container-fluid">
<div class="row equalHeight-2">
<div class="col-12 col-md-4 mb-4 mb-md-0">
<div class="product-logo pb-4 pb-md-5 mr-xl-5 text-center">
<img src="images/word-logo.png" class="msword-logo" alt="Microsoft Word Logo" />
</div>
<h2 class="blue-text mr-xl-5 mb-3">Improved performance by 14x</h2>
<p class="mr-xl-5 first-child">Microsoft Word Online includes a grammar checker that identifies missing determiners. This feature infers missing determiners in real-time on billions of sentences each month.
</p>
<p class="bold-text mr-xl-5 mb-md-0">Using ONNX and ONNX Runtime, inference speed improved by 14.2x
</p>
</div>
<div class="col-12 col-md-4 mb-4 mb-md-0">
<div class="product-logo pb-4 pb-md-5 mr-xl-5 text-center">
<img src="images/Micorsoft-Azure-Logo.png" class="msazure-logo" alt="Microsoft Azure logo" />
</div>
<h2 class="blue-text mr-xl-5 mb-3">Improved performance by 3x</h2>
<p class="mr-xl-5 first-child">Computer Vision, an Azure Cognitive Service, uses optical character recognition to detect text in an image and extract the recognized words into a machine-readable character stream.
</p>
<p class="bold-text mr-xl-5 mb-md-0">Using ONNX and ONNX Runtime, inference speed improved by 3.7x
</p>
</div>
<div class="col-12 col-md-4">
<div class="product-logo pb-4 pb-md-5 mr-xl-5 text-center">
<img src="images/bing-logo.svg" class="bing-logo" alt="bing logo" />
</div>
<h2 class="blue-text mr-xl-5 mb-3">Improved performance by 2x</h2>
<p class="mr-xl-5 first-child">Bing Visual Search allows users to search the web using an image instead of text.
</p>
<p class="bold-text mr-xl-5 mb-md-0">Using ONNX and ONNX Runtime, inference speed improved by 2x
</p>
</div>
</div>
</div>
</section>
<section class="pb-md-4">
<div class="container-fluid border-top">
<div class="row">
<div class="col-sm-12 append-play-buttom">
<div id="ONNXCarousel" class="carousel slide" data-pause="hover" data-interval="15000" data-ride="carousel">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#ONNXCarousel" data-slide-to="0" class="active"></li>
<li data-target="#ONNXCarousel" data-slide-to="1"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="carousel-item item active">
<div class="media row">
<div class="media-left d-flex col-12 col-md-4 col-xl-3 mb-4 mb-md-0">
<img src="images/nvidia.png" alt="NVIDIA logo" />
</div>
<div class="media-body col-12 col-md-10 col-xl-9">
<div class="testimonial">
<p class="mb-1">&ldquo;ONNX Runtime enables our customers to easily apply NVIDIA TensorRT&rsquo;s powerful optimizations to machine learning models, irrespective of the training framework, and deploy across NVIDIA <abbr title="Graphics Processing Unit">GPUs</abbr> and edge devices.&rdquo;</p>
<p class="overview">&ndash; Kari Ann Briski, Sr. Director, Accelerated Computing Software and <abbr>AI</abbr> Product, NVIDIA</p>
</div>
</div>
</div>
</div>
<div class="carousel-item item">
<div class="media row">
<div class="media-left d-flex col-12 col-md-4 col-xl-3 mb-4 mb-md-0">
<img src="images/intel-logo.png" alt="Intel logo" />
</div>
<div class="media-body col-12 col-md-10 col-xl-9">
<div class="testimonial">
<p class="mb-1">&ldquo;We are excited to support ONNX Runtime on the Intel&reg; Distribution of OpenVINO&trade;. This accelerates machine learning inference across Intel hardware and gives developers the flexibility to choose the combination of Intel hardware that best meets their needs from <abbr title="Central Processing Unit">CPU</abbr> to <abbr title="Vision Processing Unit">VPU</abbr> or <abbr title="Field Programmable Gate Array">FPGA</abbr>.&rdquo;</p>
<p class="overview">&ndash; Jonathan Ballon, Vice President and General Manager, Intel Internet of Things Group</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<footer class="border-top footer mt-auto py-4 text-white">
<div class="outer-container mx-auto">
<div class="container-fluid">
<div class="row">
<div class="col-12 co-md">
<h2 class="text-center py-4 mb-0">Get Involved</h2>
</div>
</div>
<div class="row pb-md-4 pb-0">
<div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
<h3 class="footer-heading">Use ONNX Runtime</h3>
<p class="mr-xl-5 mb-2">Accelerate your machine learning inferencing today.</p>
<a class="mr-xl-5 btn-getStarted" href="JavaScript:void(0);">
<span class="link-content">Get Started</span><span class="link-arrow fa fa-angle-right"></span></a>
</div>
<div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
<h3 class="footer-heading">Contribute</h3>
<p class="mr-xl-5 mb-2">ONNX Runtime is a community project. We encourage you to join the effort and contribute feedback, ideas and code.</p>
<a class="mr-xl-5" target="_blank" href="https://github.com/microsoft/onnxruntime">
<span class="link-content">Join us on Github</span><span class="link-arrow fa fa-angle-right"></span></a>
</div>
<div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
<h3 class="footer-heading">Follow Us</h3>
<p class="mr-xl-5 mb-2">Stay up to date with the latest ONNX news.</p>
<a href="https://twitter.com/onnxruntime" target="_blank" title="Twitter" class="twitter-icon" aria-label="Social Icon Twitter">
<span class="fa fa-twitter" aria-hidden="true"></span></a>
</div>
<div class="col-6 col-sm-6 col-md-3">
<h3 class="footer-heading">Resources</h3>
<ul class="list-unstyled text-small">
<li class="mb-2">
<a target="_blank" href="https://cloudblogs.microsoft.com/opensource/tag/onnx">
<span class="link-content">News</span><span class="link-arrow fa fa-angle-right"></span></a>
</li>
<li class="mb-2">
<a target="_blank" href="https://github.com/microsoft/onnxruntime/tree/master/samples">
<span class="link-content">Tutorials</span><span class="link-arrow fa fa-angle-right"></span></a>
</li>
<li class="mb-2">
<a target="_blank" href="https://github.com/Microsoft/onnxruntime#api-documentation">
<span class="link-content"><abbr title="Application Program Interface">APIs</abbr></span><span class="link-arrow fa fa-angle-right"></span></a>
</li>
</ul>
</div>
</div>
<div class="row pt-4 pb-4 text-center-sm">
<div class="col-12">
<a href="./index.html"><img class="mb-md-2 mb-0 onnx-footer-logo" src="images/svg/ONNX-Runtime-logo-white.svg" alt="ONNX Runtime Home"></a>
<p class="text-copyright py-4 ml-md-5">Copyright &copy; 2019 Microsoft. All rights reserved.
</p>
</div>
</div>
</div>
</div>
</footer>
<a id="back-to-top" href="JavaScript:void(0);" class="btn btn-lg back-to-top" role="button" aria-label="Back to top"><span class="fa fa-angle-up"></span></a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="./js/custom.js"></script>
<script src="./js/script.js"></script>
</body>
</html>