diff --git a/_includes/footer.html b/_includes/footer.html index 779d3d63..272e39cc 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -89,7 +89,7 @@

Acknowledgments

-

OpenVidu © 2020

+

OpenVidu © 2022

diff --git a/_includes/header.html b/_includes/header.html index 7e219c25..cc9246fc 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -40,7 +40,6 @@
  • Home
    • {% endif %}
  • Demos
    • -
  • Tutorials
  • OpenVidu Call
  • Support
  • Pricing
    • diff --git a/_layouts/index-layout.html b/_layouts/index-layout.html index 72241a34..f48a5e03 100644 --- a/_layouts/index-layout.html +++ b/_layouts/index-layout.html @@ -155,19 +155,7 @@ - + diff --git a/_layouts/pagetop-layout.html b/_layouts/pagetop-layout.html index 92979610..f8ba4bd0 100644 --- a/_layouts/pagetop-layout.html +++ b/_layouts/pagetop-layout.html @@ -155,20 +155,7 @@

    {{ page.top-title }}

    - + {% endif %} diff --git a/css/style.css b/css/style.css index c63f5270..09ad55c3 100644 --- a/css/style.css +++ b/css/style.css @@ -129,6 +129,9 @@ p { letter-spacing: 1px; font-size: 30px; } +.pricing-section-title:target { + scroll-margin-top: 90px; +} .subheading { font-size: 14px; line-height: 20px; diff --git a/demos.html b/demos.html index b69f196d..bbc35153 100644 --- a/demos.html +++ b/demos.html @@ -71,28 +71,36 @@

    OpenVidu Call
    - +
    - +
    - + + +
    + +
    - + + +
    - + + +
    @@ -163,31 +171,31 @@

    Basic Videoconference
    Plain JavaScript
    -     openvidu-insecure-js - - openvidu-insecure-js-screen-share + openvidu-js - + openvidu-js-screen-share

    Angular
    - openvidu-insecure-angular + openvidu-angular
    React
    - openvidu-insecure-react + openvidu-react
    Vue.js
    - openvidu-insecure-vue + openvidu-vue @@ -231,43 +239,43 @@

    Basic Screen Share
    Plain JavaScript
    -     openvidu-insecure-js - - openvidu-insecure-js-screen-share + openvidu-js - + openvidu-js-screen-share

    Angular
    - openvidu-insecure-angular + openvidu-angular
    React
    - openvidu-insecure-react + openvidu-react
    Vue.js
    - openvidu-insecure-vue + openvidu-vue
    - +
    - +
    @@ -302,31 +310,17 @@

    Basic Webinar
    Java (Single Page Application)
    -     openvidu-js-java + openvidu-roles-java - - -

    Java (Model View Controller)
    - - openvidu-mvc-java -
    Node (Single Page Application)
    - openvidu-js-node - - - - -
    Node (Model View Controller)
    + openvidu-roles-node - openvidu-mvc-node diff --git a/img/docs/home/feature20.svg b/img/docs/home/feature20.svg new file mode 100644 index 00000000..8c878c3c --- /dev/null +++ b/img/docs/home/feature20.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/img/docs/home/feature21.svg b/img/docs/home/feature21.svg new file mode 100644 index 00000000..8d86a1fe --- /dev/null +++ b/img/docs/home/feature21.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index 0c17ccad..181faf3b 100644 --- a/index.html +++ b/index.html @@ -22,17 +22,21 @@
    - + - - - - + + + + + + + + + + + +
    @@ -42,7 +46,7 @@
    @@ -85,16 +89,16 @@

    All is customizable

    enter a video conference, if they can publish video or not, etc.

    Just pick a frontend technology (Vanilla JS, Angular - or React) or + href="https://docs.openvidu.io/en/stable/tutorials/openvidu-js/">Vanilla JS, Angular + or React) or mobile technology (Ionic, React Native or native) and a backend technology (Java, NodeJS or Java, NodeJS or any other) and start creating your own solution.

    @@ -230,9 +234,8 @@

    Keep your videoconferences private

    Compatible with lots of frontend technologies

    -

    JavaScript, TypeScript, Angular, React, Vue.js, Ionic... Just choose - your - preferred language and framework

    +

    JavaScript, Angular, React, Vue.js, Ionic, React Native, Electron... + Just choose your preferred language and framework

    @@ -336,6 +339,25 @@

    IP cameras

    +
    + + +
    +
    +

    Streaming to YouTube/Twitch

    +

    OpenVidu offers a special module to export your sessions to RTMP, so that you can easily broadcast them to live-streaming platforms such as YouTube or Twitch. Check it out here.

    +
    +
    + +
    +
    + + +
    +
    +

    Phone call integration

    +

    You can add phone call participants to your OpenVidu sessions making use of OpenVidu SIP bridge module. Check it out here.

    +
    @@ -714,7 +736,7 @@

    Plans & Pricing

    diff --git a/js/fancybox-setup.js b/js/fancybox-setup.js new file mode 100644 index 00000000..d302cfda --- /dev/null +++ b/js/fancybox-setup.js @@ -0,0 +1,31 @@ +$("a.fancybox-img").fancybox({ + infobar: true, + arrows: false, + loop: true, + protect: true, + transitionEffect: "slide", + buttons: ["close"], + clickOutside: "close", + clickSlide: "close", + iframe: { + css: { + margin: 0, + background: "none", + }, + preload: false, + }, + afterShow: () => { + var iframe = $(".fancybox-iframe"); + if (!!iframe.get(0)) { + var videoJquery = iframe.contents().find("video"); + var video = videoJquery.get(0); + if (!!video) { + video.controls = false; + video.loop = true; + video.muted = true; + videoJquery.attr("playsinline", ""); + video.play(); + } + } + }, +}); diff --git a/openvidu-call.html b/openvidu-call.html index 023b9b19..24c275cf 100644 --- a/openvidu-call.html +++ b/openvidu-call.html @@ -80,7 +80,7 @@

    Join with a clickOf course, you can modify OpenVidu Call to control how users enter to your sessions.

    - +
    @@ -104,7 +104,7 @@

    Setting up your session

    - +
    @@ -123,7 +123,7 @@

    Choose the perfect backgr

    - +
    @@ -141,7 +141,9 @@

    Multi-party videoconferen all the participants connected to the session.

    - + + +
    @@ -163,7 +165,9 @@

    Screen sharing in the bli

    - + + +
    @@ -186,7 +190,9 @@

    Chatting time!
    - + + +
    @@ -223,18 +229,4 @@

    Chatting time! - \ No newline at end of file + \ No newline at end of file diff --git a/pricing.html b/pricing.html index 9915f9ad..4e1d942b 100644 --- a/pricing.html +++ b/pricing.html @@ -12,8 +12,18 @@
    + + +

    +
    -

    OpenVidu Editions

    +

    OpenVidu Editions

    @@ -344,10 +354,10 @@

    OpenVidu Editions

    OpenVidu Pro and OpenVidu Enterprise.
    Any application built for OpenVidu Pro is compatible with OpenVidu Enterprise.
    -

    +


    -

    How does pricing works?

    +

    OpenVidu Pricing

    @@ -442,11 +452,10 @@

    How does pricing works?

    style="display: table-cell; vertical-align:middle">Get an OpenVidu license

    -

    -

    +



    -

    Pricing examples

    +

    Pricing Examples

    @@ -460,7 +469,7 @@

    Pricing examples

    approximated amount of media streams and sessions of 5 participants the cluster would support. This is done to provide a basic insight into the capacity of each cluster. These 5:5 sessions assume 25 media streams in total for each one of them (1 publisher and 4 subscribers per participant), with no recording and no screen-sharing. -
  • In every example mediasoup +
  • In every example mediasoup is assumed for Enterprise edition.
    • @@ -931,10 +940,50 @@

    Cluste + + +



    + +
    +

    Pricing FAQs

    +

    +
    + +

    1. How many users can my OpenVidu Pro/Enterprise cluster handle?

    This is probably one of the most important questions when using OpenVidu Pro/Enterprise. The number of Media Nodes you need and the size of each Media Node depends on the answer. Therefore, the price of your OpenVidu @@ -945,7 +994,7 @@

    How many users can my
    • The topology of each OpenVidu Session (1:1, 1:N, N:M)
      • -
    • The type of media streams being published to the Session (only audio, only video, audio + video, screen sharing)
      • +
    • The type of media streams being published to the Session (only audio, only video, audio + video, HD video, screen sharing)
    • Whether your Sessions are using advanced features such as recording or How many users can my
    -
    -
    -
    - It is also important to note that Master Nodes also have a limit in the amount of users they can handle. The signaling procedures performed by Master Nodes can become a bottleneck with a high number of users. Usually this is not a problem, as the amount of users supported by a Master Node is significant and Media Nodes are generally the ones that really define the limit of the cluster. But with the ability to launch an indefinite number of Media Nodes, the bottleneck in the Master Node may appear earlier or later, depending on the application's logic: @@ -1003,9 +1048,10 @@

    How many users can my You can check it out here: High Availability.

    -

    +
    +
    -

    How do I get charged when using OpenVidu Pro/Enterprise?


    +

    2. How do I get charged when using OpenVidu Pro/Enterprise?

    Users must create an OpenVidu account and get an OpenVidu License that can be used to @@ -1030,32 +1076,44 @@

    How do I get charged when using OpenVidu Pro/Enterprise?


    please contact us through     Commercial page.

    -

    - -

    Pricing FAQs


    +
    +
    -

    1. If I don't have any ongoing video session in my OpenVidu Pro/Enterprise cluster, do I have to pay?

    +

    3. If I don't have any ongoing video session in my OpenVidu Pro/Enterprise cluster, do I have to pay?

    Yes, OpenVidu License is charged for any running OpenVidu Pro/Enterprise cluster, even when there are no active sessions. If your cluster is on, you will at least have to pay for the Master Node(s). But remember you can drop Media Nodes to reduce the cluster size and reduce your bill according to user load. And as a definite measure you can always turn off the cluster so you don't even pay for the - Master Node(s).

    + Master Node(s). + +

    +
    +
    + -

    2. What is the price per minute of each OpenVidu session?

    +

    4. What is the price per minute of each OpenVidu session?

    The cost per minute of video call depends very much on the utilization ratio of your OpenVidu Pro/Enterprise cluster. That is, the number of calls you are able to maintain at the same time. If you use a cluster for an average of only 2 calls per hour, the cost per call will be rather high. If you manage to keep a - number of calls adjusted to the size of the cluster, the cost will be lower.

    + number of calls adjusted to the size of the cluster, the cost will be lower. -

    3. If I deploy an OpenVidu Pro/Enterprise cluster in a cloud provider, does its size automatically adapt to the +

    +
    +
    + +

    5. If I deploy an OpenVidu Pro/Enterprise cluster in a cloud provider, does its size automatically adapt to the user load?

    Yes! You can adapt its size manually from OpenVidu Inspector or by consuming OpenVidu REST API (more info here). Or you can use the Autoscaling feature to let the cluster automatically decide when - to increase or decrease the number of nodes.

    + to increase or decrease the number of nodes. -

    4. If I deploy OpenVidu Pro/Enterprise on premises, can I change the size of my cluster?

    +

    +
    +
    + +

    6. If I deploy OpenVidu Pro/Enterprise on premises, can I change the size of my cluster?

    Of course. It is important to understand two different concepts when using on premises deployments of OpenVidu Pro/Enterprise: it's one thing the number of physical machines you have available in your cluster, and it's another thing the number of Media Nodes that are actually connected to your cluster.

    @@ -1071,17 +1129,25 @@

    4. If I deploy OpenVidu Pro/Enterprise on premises, can I change the size of terminated status, and then you can safely terminate your server. When deploying OpenVidu Pro/Enterprise in a supported cloud provider, the cluster can automatically handle the launch and termination of the physical machines on - its own.

    + its own. -

    5. Which is the ideal size of an OpenVidu Pro/Enterprise cluster for my specific use case?

    +

    +
    +
    + +

    7. Which is the ideal size of an OpenVidu Pro/Enterprise cluster for my specific use case?

    As explained here, the answer can vary greatly depending on multiple factors. You can use OpenVidu Load Test tool to perform a load test as similar as possible to your use case. OpenVidu team can perform these tests for you as part of their commercial services (contact us through Commercial page to ask for an estimate).

    + target="_blank">Commercial page to ask for an estimate). + +

    +
    +
    -

    6. I have built my application using OpenVidu CE. Is it compatible with OpenVidu Pro and OpenVidu Enterprise?

    +

    8. I have built my application using OpenVidu CE. Is it compatible with OpenVidu Pro and OpenVidu Enterprise?

    Yes. You don't have to change a thing in your application when upgrading your tier: it will work out-of-the-box with OpenVidu Pro and with OpenVidu Enterprise.

    diff --git a/pro/css/style.css b/pro/css/style.css index 4566e8d0..368e2c1c 100644 --- a/pro/css/style.css +++ b/pro/css/style.css @@ -129,6 +129,9 @@ p { letter-spacing: 1px; font-size: 30px; } +.pricing-section-title:target { + scroll-margin-top: 90px; +} .subheading { font-size: 14px; line-height: 20px; diff --git a/tutorials.html b/tutorials.html deleted file mode 100644 index 294c4472..00000000 --- a/tutorials.html +++ /dev/null @@ -1,335 +0,0 @@ ---- -layout: pagetop-layout -title: OpenVidu Tutorials -active: tutorials -top-title: OPENVIDU TUTORIALS -top-subtitle: Same sample app. Same OpenVidu. Different technologies and frameworks to choose ---- - - -
    -
    - -
    -

    Hello World

    -

    Make your first video-call with just a few lines of code

    -
    - -
    -
    -
    -
    -
    -
    -

    Hello World! -

    -
    -
    -
      - -
    - -
    -
    -
    -
    -
    -
    - -
    - -
    -

    Client Side only

    -

    Get quickly started without worrying about a server-side

    -
    - -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    JavaScript

    -

    Vanilla JavaScript app: good old JS code for a traditional approach

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    Angular

    -

    Try this fantastic tutorial using the last version of Angular framework

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    React

    -

    Have a look to this nice tutorial based on React

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    Vue.js

    -

    Get started with this amazing tutorial based on Vue.js

    -
    -
    - -
    - - -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    React Native

    -

    This React Native tutorial will get your mobile app going in the blink of an eye

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    Ionic

    -

    This Ionic project will get your mobile app going in the blink of an eye

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    Electron

    -

    Build an OpenVidu native desktop application for Windows, OSX and Linux in just a few minutes

    -
    -
    - -
    - - - -
    - -
    -
    -
    - -
    -
    -

    OpenVidu is present on both client-side and server-side, but the - application is only present on client-side.

    -

    Since these are client-side-only applications, you will be dealing only with frontend - technologies: HTML, CSS, Javascript / Typescript ...

    -

    The main difference compared to Client Side + Server Side tutorials is that here you don't - have real control over your users: your - video-calls won't be secure beacuse you cannot identify them and cannot - determine if allow or deny their access.

    -
    -
    -
    -
    - -
    - -
    -

    Client Side + Server Side

    -

    Try any of our ready-for-production web apps to see OpenVidu in action with a real - example -

    -
    - -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    JavaScript + Java SPA

    -

    Vanilla JavasCript frontend and a SPA Java Backend: forget building HTML templates, just feed - your - front with HTTP requests

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    JavaScript + Java MVC

    -

    Vanilla JavasCript frontend and a traditional Java MVC Backend: serve HTML pages from your server -

    -
    -
    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    JavaScript + Node SPA

    -

    Vanilla JavasCript frontend and a SPA Node Backend: forget building HTML templates, just feed - your - front with HTTP requests

    -
    -
    - -
    -
    -
    - -
    -
      - -
    - -
    -
    -
    -
    -

    JavaScript + Node MVC

    -

    Vanilla JavasCript frontend and a traditional Node MVC backend: serve HTML pages from your server -

    -
    -
    - -
    - -
    - -
    -
    -
    - -
    -
    -

    OpenVidu and the application are present on both - client-side and server-side.

    -

    Since these are full web applications, you will be dealing with frontend - technologies (HTML, CSS, Javascript / Typescript ...) - but also with backend technologies (Java / Node)

    -

    The main difference compared to Client Side Only tutorials is that here you have total - control over your users: your - video-calls are secure beacuse you can identify them and allow or deny - their access.

    -
    -
    -
    -
    - -
    -
    - \ No newline at end of file diff --git a/video/components/ov-call-vb.mp4 b/video/components/ov-call-vb.mp4 index 7da730ff..397a7598 100644 Binary files a/video/components/ov-call-vb.mp4 and b/video/components/ov-call-vb.mp4 differ