apivideo · bot-api-video · Aug 28, 2023 · Aug 28, 2023
diff --git a/README.md b/README.md
@@ -1,27 +1,139 @@
-[![badge](https://img.shields.io/twitter/follow/api_video?style=social)](https://twitter.com/intent/follow?screen_name=api_video)
-&nbsp; [![badge](https://img.shields.io/github/stars/apivideo/api.video-documentation?style=social)](https://github.com/apivideo/api.video-documentation)
-&nbsp; [![badge](https://img.shields.io/discourse/topics?server=https%3A%2F%2Fcommunity.api.video)](https://community.api.video)
-![](https://github.com/apivideo/.github/blob/main/assets/apivideo_banner.png)
-<h1 align="center">api.video documentation</h1>
+---
+hide_navigation: false
+hide_side_table_of_contents: true
+meta: 
+    description: Cloud-based video hosting and live streaming platform with analytics. Mobile and web SDKs for VOD, live streaming, and player for NodeJS, Javascript, Typescript, Python, Go, PHP, C#, iOS Swift, Android Kotlin.
+---
 
-[api.video](https://api.video) is the video infrastructure for product builders. Lightning fast
-video APIs for integrating, scaling, and managing on-demand & low latency live streaming features in
-your app.
+<div class="hero">
 
-# Table of contents
+### New to api.video?
 
-- [Table of contents](#table-of-contents)
-- [Project description](#project-description)
-- [FAQ](#faq)
+# Get started [here](/get-started/start-building.md)!
 
-# Project description
+<!-- These are just example buttons, we can remove them: 
+<div class="links">
 
-This repository contains the markdown files and the OpenAPI description used to generate the
-documentation of the api.video.
+[Register for free](https://dashboard.api.video/register)
 
-The content of this repository is generated by the api.video API client generator.
+</div> -->   
 
-# FAQ
 
-If you have any questions, ask us in the [community](https://community.api.video). Or
-use [issues](https://github.com/apivideo/api.video-documentation/issues).
+</div>
+
+Welcome to the developer documentation of api.video! Our platform empowers developers and businesses to seamlessly integrate video functionality into their applications and services. Whether you're looking to offer video on demand, live streaming, or leverage our player and analytics features, the api.video API is designed to simplify the process.
+
+Check out the products:
+
+<div class="product-grid">
+
+{% capture vod-description %}
+
+api.video's hosting service enables users to upload and store videos, which can then be easily delivered and shared across various devices and platforms.
+
+<br>
+
+{% endcapture %}
+
+{% capture live-stream-description %}
+
+api.video provides you with the possibility to embed live streaming into your application or project seamlessly.
+
+<br>
+
+<br>
+
+{% endcapture %}
+
+{% capture player-analytics-description %}
+
+api.video lets you customize a large part of the delivery, whether it's the player's branding or adding captions, chapters, and watermarks.
+
+<br>
+
+<br>
+
+{% endcapture %}
+
+{% include "_partials/vod-product-grid-item.md" product: "Video", subheading: "on demand", description: vod-description, link: "/vod/README.md" %}
+{% include "_partials/live-stream-product-grid-item.md" product: "Live", subheading: "streaming", description: live-stream-description, link: "/live-streaming/README.md" %}
+{% include "_partials/player-analytics-product-grid-item.md" product: "Player", subheading: "& analytics", description: player-analytics-description, link: "/delivery-analytics/README.md" %}
+
+</div>
+
+<br>
+
+# Start working with api.video
+
+<div class="quick-links">
+
+{% capture quick-link-table-item-1-description %}
+
+This is where the quick links table will go.
+
+{% endcapture %}
+
+{% include "_partials/quick-link-item.md" table-name: "Quick links", description: quick-link-table-item-1-description, link: "/vod/get-started-in-5-minutes.md" %}
+{% include "_partials/quick-link-item.md" table-name: "Quick links", description: quick-link-table-item-1-description, link: "/vod/get-started-in-5-minutes.md" %}
+
+</div>
+
+<br>
+
+# Need help?
+
+<!-- Support cards, CSS should be moved to _assets/style.css -->   
+
+<div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px">
+<a href="https://help.api.video/en/" target="_self" style="text-decoration: none">
+
+<div
+  style="
+    display: flex;
+    align-items: center;
+    gap: 24px;
+    padding: 36px;
+    width: 472px;
+    height: 104px;
+    border-radius: 4px;
+    background: #fff;
+    box-shadow: 0px 20px 50px 0 rgba(59, 43, 92, 0.1);
+  "
+>
+<div
+  style="
+    background-color: #e9dded;
+    width: 56px;
+    height: 56px;
+    border-radius: 2px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  "
+>
+<div style="width: 32px; height: 32px">
+  <img
+    style="object-fit: contain; width: 100%; height: 100%"
+    src="https://img.api.video/help_center_black_ec703b4744.svg"
+    alt="logo help center"
+  />
+</div>
+</div>
+<span
+  style="
+    font-size: 18px;
+    font-weight: 600;
+    text-align: left;
+    color: #414f6e;
+    flex: 1;
+  "
+>
+Browse the Help Center
+</span>
+<img
+  style="width: 24px; height: 24px"
+  src="https://img.api.video/arrow_forward_ios_6206f171e8.svg"
+  alt="logo arrow"
+/>
+</div>
+</a>
diff --git a/_assets/API Keys.png b/_assets/API Keys.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.01.59.png copie - copie.jpg b/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.01.59.png copie - copie.jpg
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.02.18.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.02.18.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.49.25.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.49.25.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.54.35.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 15.54.35.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 16.02.57.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-05 a╠Ç 16.02.57.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-06 a╠Ç 15.08.15.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-06 a╠Ç 15.08.15.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-11 a╠Ç 12.11.54.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-11 a╠Ç 12.11.54.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-12 a╠Ç 16.02.18.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-12 a╠Ç 16.02.18.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-13 a╠Ç 17.55.39.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-13 a╠Ç 17.55.39.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-13 a╠Ç 17.56.19.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-13 a╠Ç 17.56.19.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.34.13.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.34.13.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.37.19.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.37.19.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.38.45.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.38.45.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.41.24.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.41.24.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.42.58.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 09.42.58.png
diff --git a/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 10.26.31.png b/_assets/Capture dÔÇÖe╠ücran 2021-10-14 a╠Ç 10.26.31.png
diff --git a/_assets/Create a video flowchart.png b/_assets/Create a video flowchart.png
diff --git a/_assets/Disposable Bearer Token Authentication.png b/_assets/Disposable Bearer Token Authentication.png
diff --git a/_assets/Overview Preview.png b/_assets/Overview Preview.png
diff --git a/_assets/Production API Key.png b/_assets/Production API Key.png
diff --git a/_assets/SB_overview.png b/_assets/SB_overview.png
diff --git a/_assets/Screen Shot 2022-02-02 at 9.30.21 PM.png b/_assets/Screen Shot 2022-02-02 at 9.30.21 PM.png
diff --git a/_assets/Screenshot 2021-10-22 at 14.25.03.png b/_assets/Screenshot 2021-10-22 at 14.25.03.png
diff --git a/_assets/Screenshot 2021-10-22 at 20.11.10.png b/_assets/Screenshot 2021-10-22 at 20.11.10.png
diff --git a/_assets/Screenshot 2021-10-22 at 20.41.06.png b/_assets/Screenshot 2021-10-22 at 20.41.06.png
diff --git a/_assets/Screenshot 2021-10-22 at 21.30.46.png b/_assets/Screenshot 2021-10-22 at 21.30.46.png
diff --git a/_assets/Screenshot 2021-10-22 at 21.38.17.png b/_assets/Screenshot 2021-10-22 at 21.38.17.png
diff --git a/_assets/Screenshot 2021-10-22 at 21.41.52.png b/_assets/Screenshot 2021-10-22 at 21.41.52.png
diff --git a/_assets/Screenshot 2021-10-25 at 13.40.41.png b/_assets/Screenshot 2021-10-25 at 13.40.41.png
diff --git a/_assets/Screenshot 2023-03-13 at 10.49.30.png b/_assets/Screenshot 2023-03-13 at 10.49.30.png
diff --git a/_assets/Screenshot 2023-03-13 at 10.53.12.png b/_assets/Screenshot 2023-03-13 at 10.53.12.png
diff --git a/_assets/Screenshot 2023-03-13 at 10.58.17.png b/_assets/Screenshot 2023-03-13 at 10.58.17.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.02.36.png b/_assets/Screenshot 2023-03-13 at 11.02.36.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.07.45.png b/_assets/Screenshot 2023-03-13 at 11.07.45.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.13.49.png b/_assets/Screenshot 2023-03-13 at 11.13.49.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.16.25.png b/_assets/Screenshot 2023-03-13 at 11.16.25.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.20.17.png b/_assets/Screenshot 2023-03-13 at 11.20.17.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.23.41.png b/_assets/Screenshot 2023-03-13 at 11.23.41.png
diff --git a/_assets/Screenshot 2023-03-13 at 11.26.03.png b/_assets/Screenshot 2023-03-13 at 11.26.03.png
diff --git a/_assets/Session Token.jpg b/_assets/Session Token.jpg
diff --git a/_assets/Video Object form.png b/_assets/Video Object form.png
diff --git a/_assets/Video details.png b/_assets/Video details.png
diff --git a/_assets/add-thumbnail.png b/_assets/add-thumbnail.png
diff --git a/_assets/addingavideo.png b/_assets/addingavideo.png
diff --git a/_assets/api.video-usages-view.png b/_assets/api.video-usages-view.png
diff --git a/_assets/apivideoapp.jpg b/_assets/apivideoapp.jpg
diff --git a/_assets/avh-parameter.png b/_assets/avh-parameter.png
diff --git a/_assets/captions_page.png b/_assets/captions_page.png
diff --git a/_assets/chapters_page.png b/_assets/chapters_page.png
diff --git a/_assets/create-a-live-stream.png b/_assets/create-a-live-stream.png
diff --git a/_assets/create_player_page.png b/_assets/create_player_page.png
diff --git a/_assets/custom-domains.png b/_assets/custom-domains.png
diff --git a/_assets/delete-video.png b/_assets/delete-video.png
diff --git a/_assets/disposable-bearer-token-authentication.png b/_assets/disposable-bearer-token-authentication.png
diff --git a/_assets/domain-referrer-fig-1.png b/_assets/domain-referrer-fig-1.png
diff --git a/_assets/domain-referrer-fig-2.png b/_assets/domain-referrer-fig-2.png
diff --git a/_assets/favicon.ico b/_assets/favicon.ico
diff --git a/_assets/how-api-video-works.jpg b/_assets/how-api-video-works.jpg
diff --git a/_assets/image.png b/_assets/image.png
diff --git a/_assets/landing.css b/_assets/landing.css
@@ -0,0 +1,191 @@
+.hero {
+  text-align: left;
+  max-width: 42rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.hero h1 {
+  font-weight: 200 !important;
+  font-size: 64px !important;
+}
+
+.hero .links {
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+}
+
+.hero .links > p:first-child a {
+  background: var(--doctave-theme-main);
+  color: #fff !important;
+  border-radius: 4px;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.7rem;
+  padding-bottom: 0.7rem;
+}
+
+.dark .hero .links > p:nth-child(2) a {
+  border: 0px;
+}
+.hero .links > p:nth-child(2) a {
+  border: 1px solid var(--doctave-theme-main);
+  color: var(--doctave-theme-main);
+  background: #fff !important;
+  text-decoration: none;
+  border-radius: 4px;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.7rem;
+  padding-bottom: 0.7rem;
+}
+
+.starter-guides {
+  padding-top: 4rem;
+}
+
+.starter-guides h2 {
+  margin-top: 0px !important;
+  font-size: 14px !important;
+  text-transform: uppercase;
+}
+
+.starter-guides p {
+  margin-top: 0px !important;
+}
+
+.starter-guides .starter-guide-link a {
+  display: block;
+  text-align: center;
+  color: #fff !important;
+  text-decoration: none !important;
+  width: 100%;
+  border-radius: 4px;
+  background: red;
+  padding: 0.7rem;
+  background: rgb(211, 188, 74);
+  background: linear-gradient(
+    108deg,
+    rgb(78, 179, 223) 0%,
+    rgb(140, 117, 201) 100%
+  );
+}
+
+.starter-guides .starter-guide-link a:hover {
+  text-decoration: underline !important;
+  text-decoration-color: #fff;
+}
+
+.help-center {
+  padding-top: 4rem;
+}
+
+.help-center h2 {
+  margin-top: 0px !important;
+  font-size: 14px !important;
+}
+
+.help-center p {
+  margin-top: 0px !important;
+}
+
+.help-center .help-center-link a {
+  display: block;
+  text-align: center;
+  color: #fff !important;
+  text-decoration: none !important;
+  width: 100%;
+  border-radius: 4px;
+  background: red;
+  padding: 0.7rem;
+  background: rgb(211, 188, 74);
+  background: linear-gradient(
+    108deg,
+    rgb(78, 179, 223) 0%,
+    rgb(140, 117, 201) 100%
+  );
+}
+
+.help-center .help-center-link a:hover {
+  text-decoration: underline !important;
+  text-decoration-color: #fff;
+}
+
+.product-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-gap: 2rem;
+}
+
+.product-grid-item {
+  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.product-grid-item-header * {
+  margin: 0 !important;
+  color: #fff !important;
+}
+.product-grid-item-header p {
+  font-weight: 200 !important;
+}
+.product-grid-item-header {
+  padding-left: 2rem;
+  padding-right: 2rem;
+  padding-top: 5.5rem;
+  padding-bottom: 2rem;
+}
+
+.product-grid-item-header.Video {
+  background: rgb(211, 74, 191);
+  background: linear-gradient(
+    38deg,
+    rgba(211, 74, 191, 1) 0%,
+    rgba(253, 187, 45, 1) 100%
+  );
+}
+
+.product-grid-item-header.Live {
+  background: rgb(201, 74, 211);
+  background: linear-gradient(
+    38deg,
+    rgba(201, 74, 211, 1) 0%,
+    rgba(102, 45, 253, 1) 100%
+  );
+}
+
+.product-grid-item-header.Player {
+  background: rgb(201, 74, 211);
+  background: linear-gradient(
+    38deg,
+    rgb(78, 179, 223) 0%,
+    rgb(140, 117, 201) 100%
+  );
+}
+
+.product-grid-item-body {
+  padding: 2rem;
+}
+
+.product-grid-item-body p {
+  font-size: 14px;
+  margin: 0 !important;
+}
+
+.product-grid-item-body a {
+  display: inline-block;
+  border-radius: 4px;
+  margin-top: 0.5rem;
+  background: rgb(250, 91, 48, 0.2);
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  text-decoration: none !important;
+}
+
+.product-grid-item-body a:hover {
+  background: rgb(250, 91, 48, 0.3);
+}
diff --git a/_assets/link-to-video.png b/_assets/link-to-video.png
diff --git a/_assets/live stream details.png b/_assets/live stream details.png
diff --git a/_assets/live_stream_page.png b/_assets/live_stream_page.png
diff --git a/_assets/live_stream_popup.png b/_assets/live_stream_popup.png
diff --git a/_assets/live_stream_recorded.png b/_assets/live_stream_recorded.png
diff --git a/_assets/logo-dark.svg b/_assets/logo-dark.svg