nanocosmos · timmmdunker · Mar 21, 2019 · Mar 21, 2019 · Mar 21, 2019 · Mar 21, 2019
diff --git a/docs/.nojekyll b/docs/.nojekyll
diff --git a/docs/about.md b/docs/about.md
diff --git a/docs/cloud/cloud_getting_started.md b/docs/cloud/cloud_getting_started.md
@@ -35,13 +35,12 @@ Create your first live stream: In the top menu select `Stream`, then `create`
 
 ### Start a live stream broadcast
 
-To start a live stream broadcast, you need a live encoder software, either based on an `RTMP Live Encoder application`, or the browser-based [nanoStream WebRTC.live broadcaster](https://www.nanocosmos.de/webrtc).
+To start a live stream broadcast, you need a live encoder software, either based on an `RTMP Live Encoder application`, or the browser-based [nanoStream WebRTC.live broadcaster](http://docs.nanocosmos.de/docs/webrtc/nanostream_webrtc_introduction).
 
-You can use [nanoStream Apps](https://www.nanocosmos.de/#nanostream), or 3rd part software like [OBS (Open Broadcaster)](https://obsproject.com/) or professional Live Encoders like [Elemental Live](https://www.elemental.com/products/aws-elemental-live).
+You can use [nanoStream Apps](http://docs.nanocosmos.de/docs/nanostream/nanostream), or 3rd part software like [OBS (Open Broadcaster)](https://obsproject.com/) or professional Live Encoders like [Elemental Live](https://www.elemental.com/products/aws-elemental-live).
 
 > The primary ingest protocol is RTMP.
 
-
 **Copy/paste the ingest URL to use it with your live encoder software**
 
 Example: 
@@ -130,7 +129,7 @@ Every tag added to a stream is directly displayed in the Stream Info.
 
 *See more info about tagging and how it is used in our Bintu Encoder and Player sample apps on our* [*blog*](https://www.nanocosmos.de/blog/2016/06/new-bintu-live-grouping-and-tagging-feature-for-streams/)*.*
 
-The Bintu Encoder and Player sample apps are part of our [*mobile nanoStream SDKs*](https://www.nanocosmos.de/v6/demo.php) *for iOS and Android.*
+The Bintu Encoder and Player sample apps are part of our [*mobile nanoStream SDKs*](http://docs.nanocosmos.de/docs/nanostream/android/nanostream-android-sdk) *for iOS and Android.*
 
 -----
 
@@ -158,7 +157,7 @@ Under `Keys` you will find your account’s API Key and Player Key to manage liv
 
 - [bintu.live dashboard](https://bintu.nanocosmos.de)
 - [bintu.live API documentation](https://bintu.nanocosmos.de/doc/)
-- [Create a live streaming app in 5 minutes](https://www.nanocosmos.de/blog/2016/07/live-streaming-with-bintu-live/%22https://www.nanocosmos.de/v4/documentation/nanostream_end-to-end_live_streaming_in_5_minutes%3C/a)
+- [Create a live streaming app in 5 minutes](cloud_ios_streaming_app)
 - [nanoStream and bintu.live](https://www.nanocosmos.de/blog/2016/07/nanostream-and-bintu-live/)
 - [Grouping & Tagging with bintu.live](https://www.nanocosmos.de/blog/2016/06/new-bintu-live-grouping-and-tagging-feature-for-streams/)
 - [nanoStream Presents End-to-End Live Streaming Software](https://www.nanocosmos.de/blog/2016/05/nanocosmos-presents-new-end-to-end-live-streaming-software/)

diff --git a/docs/cloud/cloud_ios_streaming_app.md b/docs/cloud/cloud_ios_streaming_app.md
@@ -87,9 +87,9 @@ From here on you would probably want to integrate the live streaming function in
 > These samples are pretty basic for better understanding what is going on. For a more complete sample on how to use nanoStream and bintu.live, see the samples `BintuEncoder` and `BintuPlayer` in the SDK `samples` folder.
 
 <br>
-### More Info
+### New to bintu.live?
 
-See our blog posts about bintu.live [here](https://www.nanocosmos.de/blog/2016/07/live-streaming-with-bintu-live)
+If you don't have a bintu.live account yet click [here](http://docs.nanocosmos.de/docs/cloud/cloud_getting_started) to learn how to create one.
 
 <br>
 ### Getting help

diff --git a/docs/extra.css b/docs/extra.css
diff --git a/docs/faq/faq_WebRTC_broadcast.md b/docs/faq/faq_WebRTC_broadcast.md
@@ -0,0 +1,23 @@
+---
+id: faq_WebRTC_broadcast
+title: Broadcast
+sidebar_label: Broadcast
+---
+
+<details><summary><strong>How to start a broadcast?</strong></summary>
+Click [here](http://docs.nanocosmos.de/docs/cloud/cloud_introduction) to read more on *how to get started with broadcasting*.
+
+</details>
+
+<details><summary><strong>How do I improve the quality of the stream?</strong></summary>
+
+
+
+</details>
+
+<details><summary><strong>I do not see a picture and hear no sound, what to do?</strong></summary>
+
+
+
+</details>
+
diff --git a/docs/faq/faq_WebRTC_devices.md b/docs/faq/faq_WebRTC_devices.md
@@ -0,0 +1,52 @@
+---
+id: faq_WebRTC_devices
+title: Devices
+sidebar_label: Devices
+---
+
+<details><summary><strong>I do not see a preview of my camera. What can this be?</strong></summary>
+
+This can have multiple reasons. First be sure to listen to the proper events for device handling - please listen to the event `StartPreviewError` to see why the camera/preview is not working correctly.
+
+</details>
+
+<details><summary><strong>I am trying to preview my camera but I get an error message. What can this be?</strong></summary>
+
+![error2browser](C:\Users\nano\Desktop\Markdown_faq\error2browser.png)
+
+1. There is no camera connected.
+2. Camera is being used by another browser.
+
+</details>
+
+<details><summary><strong>I want to toggle my video device. How can I achieve this?</strong></summary>
+
+You can not switch cameras/devices while a broadcast is active. Please stop the broadcast, switch camera/device and then start the broadcast again. Unfortunately we do not have an example for device toggling, you receive a list of available devices in the `ReceivedDeviceList` event. Please also add at least logs to the error handlers so you can see if something goes wrong:
+
+```javascript
+user.on("StartPreviewError", function(evt) {
+  // handle error
+console.log((event.data.text);
+});
+```
+
+```javascript
+user.on("StartBroadcastError", function(evt){
+// handle error
+console.log((event.data.text);
+});
+```
+
+</details>
+
+<details><summary><strong>How to start a preview?</strong></summary>
+
+
+
+</details>
+
+<details><summary><strong>How to start a screen capture?</strong></summary>
+
+
+
+</details>
diff --git a/docs/faq/faq_WebRTC_general.md b/docs/faq/faq_WebRTC_general.md
@@ -0,0 +1,53 @@
+---
+id: faq_WebRTC_general
+title: General
+sidebar_label: General
+---
+
+<details><summary><strong>Do we support all types of cameras?</strong></summary>
+
+We support all common cameras that can be connected to the PC via USB.
+
+</details>
+
+<details><summary><strong>Do we support IP cameras?</strong></summary>
+
+No, not yet.
+
+</details>
+
+<details><summary><strong>Which browsers do we support?</strong></summary>
+Generally we support the two major desktop platforms Windows and MacOS and Android and iOS as mobile platforms. Because WebRTC is an “in development” technology there are minor restrictions regarding browser support. 
+
+>  Please see the below list for platform/browser combinations that we support officially.
+
+|         | Chrome | Firefox |      MS Edge     | Safari |
+| Windows |    x   |    x    | with limitations |    -   |
+|  MacOS  |    x   |    x    |         -        |   v11  |
+|   iOS   |    -   |    -    |         -        |   v11  |
+| Android |    x   |    -    |         -        |    -   |
+
+
+
+![Tabelle](C:\Users\nano\Desktop\Markdown_faq\Tabelle.PNG)
+
+</details>
+
+<details><summary><strong>Is Internet Explorer 11 on Windows 7 supported?</strong></summary>
+
+For IE 11 Win 7 we provide a flash fallback with with limited but basic functionality.
+
+</details>
+
+<details><summary><strong>Can I check capabilities?</strong></summary>
+
+Yes, you can check the static capabilities array of the NanoPlayers class `NanoPlayer.capabilities`. If the array has values, the player is supported. Values can be `h5live`, `flash` and `native`.
+
+</details>
+
+<details><summary><strong>How to check browser support during runtime?</strong></summary>
+You can call the function `RtcUser.checkSupport()`. It will give you information about support regarding the currently used browser. 
+
+> You can find more information [here](http://docs.nanocosmos.de/docs/webrtc/nanostream_webrtc_api#rtcuserchecksupport) in the WebRTC Docs.
+
+</details>
diff --git a/docs/faq/faq_h5live_player_adjust_style.md b/docs/faq/faq_h5live_player_adjust_style.md
@@ -0,0 +1,131 @@
+---
+id: faq_h5live_player_adjust_style
+title: Adjust/Style
+sidebar_label: Adjust/Style
+---
+
+<details><summary><strong>Can I style the player as audio player?</strong></summary>
+
+Yes, you can style the player as audio player by passing
+
+```javascript
+config.style.audioPlayer = true;
+```
+
+</details>
+
+<details><summary><strong>Can I play video only or audio only streams?</strong></summary>
+
+Yes.
+
+
+</details>
+
+<details><summary><strong>Can I customize the inline controls?</strong></summary>
+
+No, but you can disable them by passing.
+
+```
+config.style.controls = false;
+```
+
+</details>
+
+<details><summary><strong>Can I use a raw player without any styles?</strong></summary>
+
+Yes, by passing the config property `style.view = false` all styles will be disabled.
+
+</details>
+
+<details><summary><strong>Can I use an own external video element?</strong></summary>
+
+Yes, by passing the `id` attribute of an existing html5 video element through the config property `playback.videoId`. The video will be inserted into the players container and existing styles will be overwritten and restored after a destroy.
+
+</details>
+
+<details><summary><strong>Can I update the source?</strong></summary>
+
+Yes, by executing the player’s function `updateSource` with an updated `config.source` object.
+
+</details>
+
+<details><summary><strong>Is a fullscreen functionality available?</strong></summary>
+
+Yes, over the native player controls.
+
+</details>
+
+<details><summary><strong>Can I set the players size responsively?</strong></summary>
+
+Yes, by passing over `style.width` and `style.height` the value `auto` and styling the players div.
+
+</details>
+
+<details><summary><strong>Can I use a poster as placeholder for the video?</strong></summary>
+
+But you can use a workaround by passing the id of an existing video tag with poster through the config (`config.playback.videoId`). This video element would be used by the player instead of creating a new one. See [here](http://docs.nanocosmos.de/docs/nanoplayer/nanoplayer_api_class).
+
+Another possibility can be that you grab the video element from the DOM after successful setup and then modify the poster attribute.
+
+```javascript
+var video = document.querySelector("#playerDiv video");
+video.poster = ....;
+```
+
+</details>
+
+<details><summary><strong>Can I change the background color of the player?</strong></summary>
+No, currently there is no way to configure the background-color of the video element, but you can have workarounds. You can select the video in the resolve function of the promise (see the sample) and then change the color or you can create a global css rule for video elements. Please see the following examples.
+
+```javascript
+var player; 
+  var config = {
+    "source": {
+        "bintu": {
+            "apiurl": "https://bintu.nanocosmos.de",
+            "streamid": "236af21e-fbf3-4ba3-889c-343ef3f0e7ca"
+        }
+    },
+   "playback": {
+      "autoplay": true,
+      "automute": true,
+      "muted": false
+  },
+  "style": {
+      "controls": true,
+      "width": "auto",
+      "height": "auto",    
+      }
+};
+document.addEventListener('DOMContentLoaded', function () {
+    player = new NanoPlayer("playerDiv");
+    player.setup(config).then(function (config) {
+        console.log("setup success");
+        console.log("config: " + JSON.stringify(config, undefined, 4));
+        var video = document.querySelector('#playerDiv video');
+        video.style.backgroundColor = '#123456';
+    }, function (error) {
+        alert(error.message);
+    });
+});
+```
+
+</details>
+
+<details><summary><strong>Is there a simple code snippet available?</strong></summary>
+
+Yes, …
+
+</details>
+
+<details><summary><strong>Can I use the player within a mobile webview?</strong></summary>
+
+Yes! …
+
+</details>
+
+<details><summary><strong>Can I have multiple player instances in one page?</strong></summary>
+
+Yes, …
+
+</details>