Difference between revisions of "Template:GStreamer WebRTC Wrapper/Main contents"

From RidgeRun Developer Connection
Jump to: navigation, search
m
Line 56: Line 56:
 
<td>
 
<td>
 
<html>
 
<html>
−
<div id='product-component-ca9907c10e6'></div>
+
<div id='product-component-1580745460297'></div>
−
    <script type="text/javascript">
+
<script type="text/javascript">
−
    /*<![CDATA[*/
+
/*<![CDATA[*/
−
 
+
(function () {
−
    (function () {
+
  var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
−
      var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
+
  if (window.ShopifyBuy) {
−
      if (window.ShopifyBuy) {
+
    if (window.ShopifyBuy.UI) {
−
        if (window.ShopifyBuy.UI) {
+
      ShopifyBuyInit();
−
          ShopifyBuyInit();
+
    } else {
−
        } else {
+
      loadScript();
−
          loadScript();
+
    }
−
        }
+
  } else {
−
      } else {
+
    loadScript();
−
        loadScript();
+
  }
−
      }
+
  function loadScript() {
−
 
+
    var script = document.createElement('script');
−
      function loadScript() {
+
    script.async = true;
−
        var script = document.createElement('script');
+
    script.src = scriptURL;
−
        script.async = true;
+
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
−
        script.src = scriptURL;
+
    script.onload = ShopifyBuyInit;
−
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
+
  }
−
        script.onload = ShopifyBuyInit;
+
  function ShopifyBuyInit() {
−
      }
+
    var client = ShopifyBuy.buildClient({
−
 
+
      domain: 'ridgerun1.myshopify.com',
−
      function ShopifyBuyInit() {
+
      storefrontAccessToken: 'b0ca98633a82de5d2f63cd51f5af30ac',
−
        var client = ShopifyBuy.buildClient({
+
    });
−
          domain: 'ridgerun1.myshopify.com',
+
    ShopifyBuy.UI.onReady(client).then(function (ui) {
−
          storefrontAccessToken: 'b0ca98633a82de5d2f63cd51f5af30ac',
+
      ui.createComponent('product', {
−
        });
+
        id: '4447580586055',
−
 
+
        node: document.getElementById('product-component-1580745460297'),
−
        ShopifyBuy.UI.onReady(client).then(function (ui) {
+
        moneyFormat: '%24%7B%7Bamount%7D%7D',
−
          ui.createComponent('product', {
+
        options: {
−
            id: [1684629127239],
 
−
            node: document.getElementById('product-component-ca9907c10e6'),
 
−
            moneyFormat: '%24%7B%7Bamount%7D%7D',
 
−
            options: {
 
 
   "product": {
 
   "product": {
−
    "buttonDestination": "checkout",
 
−
    "variantId": "all",
 
−
    "width": "240px",
 
−
    "contents": {
 
−
      "imgWithCarousel": false,
 
−
      "variantTitle": false,
 
−
      "description": false,
 
−
      "buttonWithQuantity": false,
 
−
      "quantity": false
 
−
    },
 
−
    "text": {
 
−
      "button": "Purchase Now"
 
−
    },
 
 
     "styles": {
 
     "styles": {
 
       "product": {
 
       "product": {
 
         "@media (min-width: 601px)": {
 
         "@media (min-width: 601px)": {
−
           "max-width": "100%",
+
           "max-width": "calc(25% - 20px)",
−
           "margin-left": "0",
+
           "margin-left": "20px",
 
           "margin-bottom": "50px"
 
           "margin-bottom": "50px"
 
         }
 
         }
 
       },
 
       },
 
       "button": {
 
       "button": {
−
        "background-color": "#0196ba",
 
 
         "font-family": "Open Sans, sans-serif",
 
         "font-family": "Open Sans, sans-serif",
 +
        "font-weight": "bold",
 
         "font-size": "18px",
 
         "font-size": "18px",
 
         "padding-top": "17px",
 
         "padding-top": "17px",
 
         "padding-bottom": "17px",
 
         "padding-bottom": "17px",
−
        "padding-left": "50px",
 
−
        "padding-right": "50px",
 
 
         ":hover": {
 
         ":hover": {
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
 
         },
 
         },
−
         "border-radius": "5px",
+
         "background-color": "#0196ba",
 
         ":focus": {
 
         ":focus": {
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
 
         },
 
         },
−
         "font-weight": "bold"
+
         "border-radius": "5px",
 +
        "padding-left": "50px",
 +
        "padding-right": "50px"
 
       },
 
       },
 
       "quantityInput": {
 
       "quantityInput": {
Line 135: Line 118:
 
         "padding-top": "17px",
 
         "padding-top": "17px",
 
         "padding-bottom": "17px"
 
         "padding-bottom": "17px"
−
      },
 
−
      "compareAt": {
 
−
        "font-size": "12px"
 
 
       }
 
       }
 +
    },
 +
    "contents": {
 +
      "img": false,
 +
      "title": false,
 +
      "price": false
 +
    },
 +
    "text": {
 +
      "button": "Add to cart"
 
     },
 
     },
 
     "googleFonts": [
 
     "googleFonts": [
Line 144: Line 132:
 
     ]
 
     ]
 
   },
 
   },
−
   "cart": {
+
   "productSet": {
 +
    "styles": {
 +
      "products": {
 +
        "@media (min-width: 601px)": {
 +
          "margin-left": "-20px"
 +
        }
 +
      }
 +
    }
 +
  },
 +
  "modalProduct": {
 
     "contents": {
 
     "contents": {
−
       "button": true
+
      "img": false,
 +
      "imgWithCarousel": true,
 +
       "button": false,
 +
      "buttonWithQuantity": true
 
     },
 
     },
 
     "styles": {
 
     "styles": {
 +
      "product": {
 +
        "@media (min-width: 601px)": {
 +
          "max-width": "100%",
 +
          "margin-left": "0px",
 +
          "margin-bottom": "0px"
 +
        }
 +
      },
 
       "button": {
 
       "button": {
−
        "background-color": "#0196ba",
 
 
         "font-family": "Open Sans, sans-serif",
 
         "font-family": "Open Sans, sans-serif",
 +
        "font-weight": "bold",
 
         "font-size": "18px",
 
         "font-size": "18px",
 
         "padding-top": "17px",
 
         "padding-top": "17px",
Line 158: Line 165:
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
 
         },
 
         },
−
         "border-radius": "5px",
+
         "background-color": "#0196ba",
 
         ":focus": {
 
         ":focus": {
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
 
         },
 
         },
−
         "font-weight": "bold"
+
         "border-radius": "5px",
 +
        "padding-left": "50px",
 +
        "padding-right": "50px"
 
       },
 
       },
−
       "footer": {
+
       "quantityInput": {
−
         "background-color": "#ffffff"
+
         "font-size": "18px",
 +
        "padding-top": "17px",
 +
        "padding-bottom": "17px"
 
       }
 
       }
 
     },
 
     },
Line 172: Line 183:
 
     ]
 
     ]
 
   },
 
   },
−
   "modalProduct": {
+
   "cart": {
−
    "contents": {
 
−
      "img": false,
 
−
      "imgWithCarousel": true,
 
−
      "variantTitle": false,
 
−
      "buttonWithQuantity": true,
 
−
      "button": false,
 
−
      "quantity": false
 
−
    },
 
 
     "styles": {
 
     "styles": {
−
      "product": {
 
−
        "@media (min-width: 601px)": {
 
−
          "max-width": "100%",
 
−
          "margin-left": "0px",
 
−
          "margin-bottom": "0px"
 
−
        }
 
−
      },
 
 
       "button": {
 
       "button": {
−
        "background-color": "#0196ba",
 
 
         "font-family": "Open Sans, sans-serif",
 
         "font-family": "Open Sans, sans-serif",
 +
        "font-weight": "bold",
 
         "font-size": "18px",
 
         "font-size": "18px",
 
         "padding-top": "17px",
 
         "padding-top": "17px",
 
         "padding-bottom": "17px",
 
         "padding-bottom": "17px",
−
        "padding-left": "50px",
 
−
        "padding-right": "50px",
 
 
         ":hover": {
 
         ":hover": {
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
 
         },
 
         },
−
         "border-radius": "5px",
+
         "background-color": "#0196ba",
 
         ":focus": {
 
         ":focus": {
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
 
         },
 
         },
−
         "font-weight": "bold"
+
         "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"
 
       },
 
       },
−
       "quantityInput": {
+
       "discountIcon": {
−
         "font-size": "18px",
+
         "fill": "#4c4c4c"
−
        "padding-top": "17px",
+
      },
−
         "padding-bottom": "17px"
+
      "discountAmount": {
 +
         "color": "#4c4c4c"
 
       }
 
       }
 
     },
 
     },
Line 220: Line 251:
 
       "toggle": {
 
       "toggle": {
 
         "font-family": "Open Sans, sans-serif",
 
         "font-family": "Open Sans, sans-serif",
 +
        "font-weight": "bold",
 
         "background-color": "#0196ba",
 
         "background-color": "#0196ba",
 
         ":hover": {
 
         ":hover": {
Line 226: Line 258:
 
         ":focus": {
 
         ":focus": {
 
           "background-color": "#0187a7"
 
           "background-color": "#0187a7"
−
         },
+
         }
−
        "font-weight": "bold"
 
 
       },
 
       },
 
       "count": {
 
       "count": {
Line 237: Line 268:
 
     ]
 
     ]
 
   },
 
   },
−
   "productSet": {
+
   "lineItem": {
 
     "styles": {
 
     "styles": {
−
       "products": {
+
       "variantTitle": {
−
         "@media (min-width: 601px)": {
+
         "color": "#4c4c4c"
−
          "margin-left": "-20px"
+
      },
−
         }
+
      "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>
+
</script>
 
</html>
 
</html>
 
</td>
 
</td>

Revision as of 11:10, 3 February 2020

Welcome to RidgeRun's GStreamer WebRTC Wrapper
GStreamer WebRTC Wrapper
Webrtc wrapper.png
Introduction
Architecture
Evaluating GstWebRTCWrapper
Getting the Code
GStreamer Pipelines
Other WebRTC RidgeRun products
Contact Us

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 multiples signaling protocols and multiples ICE servers.

Currently, the GStreamer WebRTC Wrapper supports:

Signaling

  • PubNub WebRTC

ICE Servers

  • Xirsys Coturn

At the moment, the project has been tested on:

Embedded systems:

  • X86 (PC)
  • NVIDIA Xavier
  • NVIDIA TX2
  • NVIDIA Nano

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.

To get up-to-speed with GStreamer WebRTC Wrapper in your platform, start by clicking below:

Sponsors

GStreamer projects are available at Sponsor Projects page. Click the button

Error creating thumbnail: Unable to save thumbnail to destination


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
Retrieved from "http://developer.ridgerun.com/wiki/index.php?title=Template:GStreamer_WebRTC_Wrapper/Main_contents&oldid=27194"