Two Versions of the Embed Code

You can use two embed codes to embed the Pipe Recording Client:

• The 2.0 version, introduced in 2018, is the newer one. It was originally designed to eliminate the limitations of the 1.0 embed code (like the inability to add more than one recorder to the same page), but over time, it became our main embed code and the only one to receive new features.
• The 1.0 version is the initial one introduced on launch.

We strongly recommend you use the 2.0 version. The 1.0 version has been deprecated (read more below about what it means).

Embed Code v2.0 #

The 2.0 embed code, initially introduced in 2018, allows for multiple recorders on the same page, uses an external CSS file for styling, makes fewer HTTP requests, allows you to insert and remove recorders from the page programmatically, has a better JS Control & Events API, and uses high DPI icons.

It now also allows you to use the desktop recording client inline on Chrome on Android and Safari on iOS and has indentifiable unique build numbers.

The 2.0 embed code comes in 2 flavors: HTML and JavaScript.

• The 2.0 HTML embed code in particular relies on HTML tags for easy integration with any HTML page. It is now the default embed code in the Pipe account dashboard.

• The 2.0 JavaScript embed code in particular makes it easy to use Pipe with JS-heavy single-page web apps like those built using React, Angular, or Vue.js. You can also use it to dynamically insert, remove, and control recorders on the page. It starts by loading pipe.js so that it is loaded and ready whenever you neet to add a recorder to the page/app.

Embed Code v1.0 #

This is the initial embed code introduced in 2016 when we launched the Pipe Platform.

It is fairly outdated since it uses script injection, global JS vars, and global functions for the JS events API. It only supports one recorder on the same page, and it’s tricky to use with React, Angular, or Vue.js.

Some clients still use it. We encourage everyone to use the 2.0 embed code.