Difference between revisions of "GstWebRTC"

From RidgeRun Developer Connection
Jump to: navigation, search
m
m
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<seo title="GstRrWebRTC GStreamer Plug-In | WebRTC Streaming | PubNub" titlemode="replace" keywords="GStreamer, WebRTC, GStreamer WebRTC, GstRrWebRTC, WebRTC protocol, Embedded Linux, Nvidia, Xilinx, TI, NXP, Freescale, Embedded Linux SDK, GStreamer Multimedia Framework, Gstreamer Plugin, Streaming,signaling"  description="The GstRrWebRTC GStreamer plug-in turns pipelines into WebRTC compliant endpoints, which allows video & audio streaming. Learn more now at RidgeRun Developer."></seo>
+
{{GstWebRTC/Head|previous=|next=WebRTC Fundamentals|metakeywords=WebRTC, GstWebRTC, GstWebRTC promo video, GstWebRTC video, Hands On GstWebRTC, Features, GstWebRTC Features}}
  
−
__NOTOC__
+
<center>
−
== Overview ==
+
<table>
−
GstRrWebRTC is a GStreamer plug-in that turns pipelines into WebRTC compliant endpoints, which allows audio and/or video streaming using the WebRTC protocol.
 
−
 
 
−
<table cellspacing="20">
 
 
<tr>
 
<tr>
−
<td><div class="clear; float:right">{{GstWebRTC TOC}}</div></td>
 
 
<td>
 
<td>
−
<html>
+
{{Sponsor Button}}
−
<div id='product-component-f40d4ebeb0d'></div>
+
{{ContactUs Button}}
−
    <script type="text/javascript">
+
</td>
−
    /*<![CDATA[*/
+
</tr></table>
 +
</center>
  
−
    (function () {
+
__NOTOC__
−
      var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
 
−
      if (window.ShopifyBuy) {
 
−
        if (window.ShopifyBuy.UI) {
 
−
          ShopifyBuyInit();
 
−
        } else {
 
−
          loadScript();
 
−
        }
 
−
      } else {
 
−
        loadScript();
 
−
      }
 
  
−
      function loadScript() {
+
== Overview ==
−
        var script = document.createElement('script');
+
GstRrWebRTC is a GStreamer plug-in that turns pipelines into WebRTC compliant endpoints, which allows audio and/or video streaming using the WebRTC protocol.
−
        script.async = true;
 
−
        script.src = scriptURL;
 
−
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
 
−
        script.onload = ShopifyBuyInit;
 
−
      }
 
−
 
 
−
      function ShopifyBuyInit() {
 
−
        var client = ShopifyBuy.buildClient({
 
−
          domain: 'ridgerun1.myshopify.com',
 
−
          storefrontAccessToken: 'b0ca98633a82de5d2f63cd51f5af30ac',
 
−
        });
 
−
 
 
−
        ShopifyBuy.UI.onReady(client).then(function (ui) {
 
−
          ui.createComponent('product', {
 
−
            id: [1684571652167],
 
−
            node: document.getElementById('product-component-f40d4ebeb0d'),
 
−
            moneyFormat: '%24%7B%7Bamount%7D%7D',
 
−
            options: {
 
−
  "product": {
 
−
    "variantId": "all",
 
−
    "width": "240px",
 
−
    "contents": {
 
−
      "imgWithCarousel": false,
 
−
      "variantTitle": false,
 
−
      "description": false,
 
−
      "buttonWithQuantity": false,
 
−
      "quantity": false
 
−
    },
 
−
    "text": {
 
−
      "button": "BUY NOW"
 
−
    },
 
−
    "styles": {
 
−
      "product": {
 
−
        "@media (min-width: 601px)": {
 
−
          "max-width": "100%",
 
−
          "margin-left": "0",
 
−
          "margin-bottom": "50px"
 
−
        }
 
−
      },
 
−
      "button": {
 
−
        "background-color": "#007493",
 
−
        "font-size": "18px",
 
−
        "padding-top": "17px",
 
−
        "padding-bottom": "17px",
 
−
        ":hover": {
 
−
          "background-color": "#006884"
 
−
        },
 
−
        ":focus": {
 
−
          "background-color": "#006884"
 
−
        }
 
−
      },
 
−
      "quantityInput": {
 
−
        "font-size": "18px",
 
−
        "padding-top": "17px",
 
−
        "padding-bottom": "17px"
 
−
      },
 
−
      "compareAt": {
 
−
        "font-size": "12px"
 
−
      }
 
−
    }
 
−
  },
 
−
  "cart": {
 
−
    "contents": {
 
−
      "button": true
 
−
    },
 
−
    "styles": {
 
−
      "button": {
 
−
        "background-color": "#007493",
 
−
        "font-size": "18px",
 
−
        "padding-top": "17px",
 
−
        "padding-bottom": "17px",
 
−
        ":hover": {
 
−
          "background-color": "#006884"
 
−
        },
 
−
        ":focus": {
 
−
          "background-color": "#006884"
 
−
        }
 
−
      },
 
−
      "footer": {
 
−
        "background-color": "#ffffff"
 
−
      }
 
−
    }
 
−
  },
 
−
  "modalProduct": {
 
−
    "contents": {
 
−
      "img": false,
 
−
      "imgWithCarousel": true,
 
−
      "variantTitle": false,
 
−
      "buttonWithQuantity": true,
 
−
      "button": false,
 
−
      "quantity": false
 
−
    },
 
−
    "styles": {
 
−
      "product": {
 
−
        "@media (min-width: 601px)": {
 
−
          "max-width": "100%",
 
−
          "margin-left": "0px",
 
−
          "margin-bottom": "0px"
 
−
        }
 
−
      },
 
−
      "button": {
 
−
        "background-color": "#007493",
 
−
        "font-size": "18px",
 
−
        "padding-top": "17px",
 
−
        "padding-bottom": "17px",
 
−
        ":hover": {
 
−
          "background-color": "#006884"
 
−
        },
 
−
        ":focus": {
 
−
          "background-color": "#006884"
 
−
        }
 
−
      },
 
−
      "quantityInput": {
 
−
        "font-size": "18px",
 
−
        "padding-top": "17px",
 
−
        "padding-bottom": "17px"
 
−
      }
 
−
    }
 
−
  },
 
−
  "toggle": {
 
−
    "styles": {
 
−
      "toggle": {
 
−
        "background-color": "#007493",
 
−
        ":hover": {
 
−
          "background-color": "#006884"
 
−
        },
 
−
        ":focus": {
 
−
          "background-color": "#006884"
 
−
        }
 
−
      },
 
−
      "count": {
 
−
        "font-size": "18px"
 
−
      }
 
−
    }
 
−
  },
 
−
  "productSet": {
 
−
    "styles": {
 
−
      "products": {
 
−
        "@media (min-width: 601px)": {
 
−
          "margin-left": "-20px"
 
−
        }
 
−
      }
 
−
    }
 
−
  }
 
−
}
 
−
          });
 
−
        });
 
−
      }
 
−
    })();
 
−
    /*]]>*/
 
−
    </script>
 
−
</html>
 
−
</td>
 
−
<td><center>
 
−
{{Template:Eval SDK Download, Demo Image download and Contact Us buttons}}
 
−
{{Sponsor Button}}
 
−
</center></td></tr></table>
 
  
 
== GstRrWebRTC Promo Video ==
 
== GstRrWebRTC Promo Video ==
−
 
+
<br>
 +
<!--------------
 
<center>
 
<center>
 
<embedvideo service="youtube">https://www.youtube.com/watch?v=vEI6jV9fuJA</embedvideo>
 
<embedvideo service="youtube">https://www.youtube.com/watch?v=vEI6jV9fuJA</embedvideo>
 +
</center>
 +
----------->
 +
<center>
 +
<embedvideo service="youtube" itemprop="video" itemscope itemtype="https://schema.org/VideoObject">
 +
  <link itemprop="url" href="https://www.youtube.com/watch?v=vEI6jV9fuJA">
 +
  <meta itemprop="thumbnailUrl" content="GstWebRTC GStreamer WebRTC Plug-in.png">
 +
  <meta itemprop="description" content="GstWebRTC GStreamer WebRTC Plug-in">
 +
  <meta itemprop="name" content="GstWebRTC GStreamer WebRTC Plug-in">
 +
</embedvideo>
 
</center>
 
</center>
  
 
== GstRrWebRTC MCU Support ==
 
== GstRrWebRTC MCU Support ==
 +
<br>
 +
<!--------
 
<center>
 
<center>
 
<embedvideo service="vimeo">https://vimeo.com/327779248</embedvideo>
 
<embedvideo service="vimeo">https://vimeo.com/327779248</embedvideo>
 +
</center>
 +
--->
 +
 +
<center>
 +
<embedvideo service="vimeo" itemprop="video" itemscope itemtype="https://schema.org/VideoObject">
 +
  <link itemprop="url" href="https://vimeo.com/327779248">
 +
  <meta itemprop="thumbnailUrl" content="GstRRWebRTC-Demo.png">
 +
  <meta itemprop="description" content="GstRRWebRTC-Demo">
 +
  <meta itemprop="name" content="GstRRWebRTC-Demo">
 +
</embedvideo>
 
</center>
 
</center>
  
 
<!--
 
<!--
 
== Hands On GstRrWebRTC ==
 
== Hands On GstRrWebRTC ==
−
 
+
<br>
 
<center>
 
<center>
 
<embedvideo service="vimeo">https://vimeo.com/190030003</embedvideo>
 
<embedvideo service="vimeo">https://vimeo.com/190030003</embedvideo>
Line 206: Line 58:
  
 
== Features ==
 
== Features ==
−
The plug-in is equipped with three elements:
+
The plug-in is equipped with the following element:
  
−
* GstRrWebRTCSrc: Unidirectional video/audio source.
 
−
* GstRrWebRTCSink: Unidirectional video/audio sink.
 
 
* GstRrWebRTCBin: Bidirectional video/audio source/sink.
 
* GstRrWebRTCBin: Bidirectional video/audio source/sink.
  
Line 226: Line 76:
  
 
Start navigating this wiki by going to the [[ GstWebRTC - WebRTC Fundamentals|WebRTC Fundamentals ]] page in the table of contents.
 
Start navigating this wiki by going to the [[ GstWebRTC - WebRTC Fundamentals|WebRTC Fundamentals ]] page in the table of contents.
 +
 
<!--
 
<!--
 
= Contents =
 
= Contents =
Line 233: Line 84:
  
 
* '''[[Introduction to RidgeRun's GstWebRTC]]'''
 
* '''[[Introduction to RidgeRun's GstWebRTC]]'''
−
:- How does RidgeRun's WebRTC solution makes things easy
+
:- How does RidgeRun's WebRTC solution make things easy
  
 
* '''[[GstWebRTC Release Notes]]'''
 
* '''[[GstWebRTC Release Notes]]'''
Line 247: Line 98:
 
:- A walkthrough on how to create a custom signaler for your application
 
:- A walkthrough on how to create a custom signaler for your application
 
-->
 
-->
 +
{{ContactUs}}
 +
 +
{{GstWebRTC/Foot|previous=|next=WebRTC Fundamentals}}
  
 
[[Category:GStreamer]][[Category:GstWebRTC]]
 
[[Category:GStreamer]][[Category:GstWebRTC]]

Latest revision as of 15:05, 18 April 2023



  Index Next: WebRTC Fundamentals


GstWebRTC
Ridgerun-logo.svg
WebRTC Fundamentals
GstWebRTC Basics
Signaling
Plugin Elements
Evaluating GstWebRTC
Getting the code
Building GstWebRTC
Examples
x86
iMX6
iMX8
TX1/TX2/Xavier
MCU Demo Application
Contact Us



Error creating thumbnail: Unable to save thumbnail to destination

RR Contact Us.png


Overview

GstRrWebRTC is a GStreamer plug-in that turns pipelines into WebRTC compliant endpoints, which allows audio and/or video streaming using the WebRTC protocol.

GstRrWebRTC Promo Video


GstRrWebRTC MCU Support



Features

The plug-in is equipped with the following element:

  • GstRrWebRTCBin: Bidirectional video/audio source/sink.

Supported Formats

Audio

  • Opus
  • G722
  • PCMU
  • PCMA

Video

  • VP8
  • H264

Getting Started

Start navigating this wiki by going to the WebRTC Fundamentals page in the table of contents.


RidgeRun Resources

Quick Start Client Engagement Process RidgeRun Blog Homepage
Technical and Sales Support RidgeRun Online Store RidgeRun Videos Contact Us

OOjs UI icon message-progressive.svg Contact Us

Visit our Main Website for the RidgeRun Products and Online Store. RidgeRun Engineering informations are available in RidgeRun Professional Services, RidgeRun Subscription Model and Client Engagement Process wiki pages. Please email to support@ridgerun.com for technical questions and contactus@ridgerun.com for other queries. Contact details for sponsoring the RidgeRun GStreamer projects are available in Sponsor Projects page. Ridgerun-logo.svg
RR Contact Us.png


  Index Next: WebRTC Fundamentals
Retrieved from "http://developer.ridgerun.com/wiki/index.php?title=GstWebRTC&oldid=48853"