Difference between revisions of "Template:GStreamer WebRTC Wrapper/Main contents"
Efernandez (talk | contribs) |
|||
(16 intermediate revisions by 6 users not shown) | |||
Line 17: | Line 17: | ||
RidgeRun knows how important documentation is for your project, specifically with demanding media streaming. Regardless of the complexity of the technology, proper documentation can reduce the learning curve and, more importantly, the time-to-market of your product. This wiki is a user guide for our GStreamer WebRTC Wrapper project. | RidgeRun knows how important documentation is for your project, specifically with demanding media streaming. Regardless of the complexity of the technology, proper documentation can reduce the learning curve and, more importantly, the time-to-market of your product. This wiki is a user guide for our GStreamer WebRTC Wrapper project. | ||
− | GStreamer WebRTC Wrapper is a GStreamer plugin that interfaces the GStreamer WebRTC element with | + | GStreamer WebRTC Wrapper is a GStreamer plugin that interfaces the GStreamer WebRTC element with multiple signaling protocols and multiple ICE servers. |
Currently, the GStreamer WebRTC Wrapper supports: | Currently, the GStreamer WebRTC Wrapper supports: | ||
Line 23: | Line 23: | ||
'''Signaling''' | '''Signaling''' | ||
* PubNub WebRTC | * PubNub WebRTC | ||
+ | * OpenWebRTC | ||
'''ICE Servers''' | '''ICE Servers''' | ||
− | * Xirsys Coturn | + | * [https://xirsys.com/ Xirsys] Coturn |
+ | '''Data Channel''' | ||
+ | * This support is available for GStreamer 1.18+ | ||
− | + | This project is platform agnostic which means it could be used in any platform. In this wiki, you will find technical documentation, tutorials, examples, and much more! | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | In this wiki you will find technical documentation, tutorials, examples and much more! | ||
|- | |- | ||
Line 46: | Line 41: | ||
This page contains detailed guides and information on how to get started with the GStreamer WebRTC Wrapper and start using its full capabilities. | This page contains detailed guides and information on how to get started with the GStreamer WebRTC Wrapper and start using its full capabilities. | ||
− | + | ==RidgeRun online store== | |
+ | |||
+ | <center> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td><div class="clear; float:right">__NOTOC__</div></td> | ||
+ | <td> | ||
+ | <html> | ||
+ | <div id='product-component-1580751038649'></div> | ||
+ | <script type="text/javascript"> | ||
+ | /*<![CDATA[*/ | ||
+ | (function () { | ||
+ | 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() { | ||
+ | var script = document.createElement('script'); | ||
+ | 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: '4447580586055', | ||
+ | node: document.getElementById('product-component-1580751038649'), | ||
+ | moneyFormat: '%24%7B%7Bamount%7D%7D', | ||
+ | options: { | ||
+ | "product": { | ||
+ | "styles": { | ||
+ | "product": { | ||
+ | "@media (min-width: 601px)": { | ||
+ | "max-width": "calc(25% - 20px)", | ||
+ | "margin-left": "20px", | ||
+ | "margin-bottom": "50px" | ||
+ | } | ||
+ | }, | ||
+ | "button": { | ||
+ | "font-family": "Open Sans, sans-serif", | ||
+ | "font-weight": "bold", | ||
+ | "font-size": "18px", | ||
+ | "padding-top": "17px", | ||
+ | "padding-bottom": "17px", | ||
+ | ":hover": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | "background-color": "#0196ba", | ||
+ | ":focus": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | "border-radius": "5px", | ||
+ | "padding-left": "50px", | ||
+ | "padding-right": "50px" | ||
+ | }, | ||
+ | "quantityInput": { | ||
+ | "font-size": "18px", | ||
+ | "padding-top": "17px", | ||
+ | "padding-bottom": "17px" | ||
+ | } | ||
+ | }, | ||
+ | "text": { | ||
+ | "button": "Add to cart" | ||
+ | }, | ||
+ | "googleFonts": [ | ||
+ | "Open Sans" | ||
+ | ] | ||
+ | }, | ||
+ | "productSet": { | ||
+ | "styles": { | ||
+ | "products": { | ||
+ | "@media (min-width: 601px)": { | ||
+ | "margin-left": "-20px" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | "modalProduct": { | ||
+ | "contents": { | ||
+ | "img": false, | ||
+ | "imgWithCarousel": true, | ||
+ | "button": false, | ||
+ | "buttonWithQuantity": true | ||
+ | }, | ||
+ | "styles": { | ||
+ | "product": { | ||
+ | "@media (min-width: 601px)": { | ||
+ | "max-width": "100%", | ||
+ | "margin-left": "0px", | ||
+ | "margin-bottom": "0px" | ||
+ | } | ||
+ | }, | ||
+ | "button": { | ||
+ | "font-family": "Open Sans, sans-serif", | ||
+ | "font-weight": "bold", | ||
+ | "font-size": "18px", | ||
+ | "padding-top": "17px", | ||
+ | "padding-bottom": "17px", | ||
+ | ":hover": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | "background-color": "#0196ba", | ||
+ | ":focus": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | "border-radius": "5px", | ||
+ | "padding-left": "50px", | ||
+ | "padding-right": "50px" | ||
+ | }, | ||
+ | "quantityInput": { | ||
+ | "font-size": "18px", | ||
+ | "padding-top": "17px", | ||
+ | "padding-bottom": "17px" | ||
+ | } | ||
+ | }, | ||
+ | "googleFonts": [ | ||
+ | "Open Sans" | ||
+ | ] | ||
+ | }, | ||
+ | "cart": { | ||
+ | "styles": { | ||
+ | "button": { | ||
+ | "font-family": "Open Sans, sans-serif", | ||
+ | "font-weight": "bold", | ||
+ | "font-size": "18px", | ||
+ | "padding-top": "17px", | ||
+ | "padding-bottom": "17px", | ||
+ | ":hover": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | "background-color": "#0196ba", | ||
+ | ":focus": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | "border-radius": "5px" | ||
+ | }, | ||
+ | "title": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "header": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "lineItems": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "subtotalText": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "subtotal": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "notice": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "currency": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "close": { | ||
+ | "color": "#4c4c4c", | ||
+ | ":hover": { | ||
+ | "color": "#4c4c4c" | ||
+ | } | ||
+ | }, | ||
+ | "empty": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "noteDescription": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "discountText": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "discountIcon": { | ||
+ | "fill": "#4c4c4c" | ||
+ | }, | ||
+ | "discountAmount": { | ||
+ | "color": "#4c4c4c" | ||
+ | } | ||
+ | }, | ||
+ | "googleFonts": [ | ||
+ | "Open Sans" | ||
+ | ] | ||
+ | }, | ||
+ | "toggle": { | ||
+ | "styles": { | ||
+ | "toggle": { | ||
+ | "font-family": "Open Sans, sans-serif", | ||
+ | "font-weight": "bold", | ||
+ | "background-color": "#0196ba", | ||
+ | ":hover": { | ||
+ | "background-color": "#0187a7" | ||
+ | }, | ||
+ | ":focus": { | ||
+ | "background-color": "#0187a7" | ||
+ | } | ||
+ | }, | ||
+ | "count": { | ||
+ | "font-size": "18px" | ||
+ | } | ||
+ | }, | ||
+ | "googleFonts": [ | ||
+ | "Open Sans" | ||
+ | ] | ||
+ | }, | ||
+ | "lineItem": { | ||
+ | "styles": { | ||
+ | "variantTitle": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "title": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "price": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "fullPrice": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "discount": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "discountIcon": { | ||
+ | "fill": "#4c4c4c" | ||
+ | }, | ||
+ | "quantity": { | ||
+ | "color": "#4c4c4c" | ||
+ | }, | ||
+ | "quantityIncrement": { | ||
+ | "color": "#4c4c4c", | ||
+ | "border-color": "#4c4c4c" | ||
+ | }, | ||
+ | "quantityDecrement": { | ||
+ | "color": "#4c4c4c", | ||
+ | "border-color": "#4c4c4c" | ||
+ | }, | ||
+ | "quantityInput": { | ||
+ | "color": "#4c4c4c", | ||
+ | "border-color": "#4c4c4c" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | }); | ||
+ | }); | ||
+ | } | ||
+ | })(); | ||
+ | /*]]>*/ | ||
+ | </script> | ||
+ | </html> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
<br> | <br> | ||
− | + | To get started with GStreamer WebRTC Wrapper in your platform, start by clicking below: | |
− | [[File:xavier_get_started_here.png|400px|frameless|center|link= | + | [[File:xavier_get_started_here.png|400px|frameless|center|link=GStreamer WebRTC Wrapper/Introduction|Introduction]] |
+ | |||
+ | == Sponsors == | ||
+ | |||
+ | Please click here if you are interested in sponsoring a [https://www.ridgerun.com/gstreamer GStreamer] project. | ||
+ | |||
+ | <center> | ||
+ | {{Sponsor Button}} | ||
+ | </center> | ||
+ | |||
{{ContactUs}} | {{ContactUs}} | ||
− | |||
|} | |} |
Latest revision as of 12:53, 4 July 2023
Welcome to RidgeRun's GStreamer WebRTC Wrapper |
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
GStreamer WebRTC Wrapper | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
RidgeRun knows how important documentation is for your project, specifically with demanding media streaming. Regardless of the complexity of the technology, proper documentation can reduce the learning curve and, more importantly, the time-to-market of your product. This wiki is a user guide for our GStreamer WebRTC Wrapper project. GStreamer WebRTC Wrapper is a GStreamer plugin that interfaces the GStreamer WebRTC element with multiple signaling protocols and multiple ICE servers. Currently, the GStreamer WebRTC Wrapper supports: Signaling
ICE Servers
Data Channel
This project is platform agnostic which means it could be used in any platform. In this wiki, you will find technical documentation, tutorials, examples, and much more! | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
RidgeRun support | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
RidgeRun provides the GStreamer WebRTC Wrapper source code to start creating applications based on the WebRTC standard using the signaling protocol more convenient for your applications, This page contains detailed guides and information on how to get started with the GStreamer WebRTC Wrapper and start using its full capabilities. RidgeRun online store
Error creating thumbnail: Unable to save thumbnail to destination SponsorsPlease click here if you are interested in sponsoring a GStreamer project. Error creating thumbnail: Unable to save thumbnail to destination
|