https://coherestreaming.bubbleapps.io/

1<!doctype html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5
6<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
8<title>Google Cloud - Text to Speech Plugin Demo</title>

9<script type="text/javascript">
10    window.bubble_session_uid = '1791015720299x409141876428552100';
11</script>

11

12<script type="text/javascript">
13    window.headers_source_maps = []
14</script>

14

15<script type="text/javascript">
16function make_proxy(target, name) {
17  return new Proxy(target, {
18    get: function(target, prop) {
19      if (prop in target) {
20        return target[prop];
21      }
22      throw new Error('The variable ' + name + ' is not fully initialized yet');
23    }
24  });
25}
26window.appquery = make_proxy({
27  app_version: function() { return "live"; },
28  last_change: function() { return "23399641267";},
29}, 'appquery');
30window.Lib = new Proxy(function() {}, {
31  get: function(target, prop) {
32    if (prop === 'is_skeleton') {
33      return true;
34    }
35    throw new Error('The variable ' + Lib + ' is not fully initialized yet');
36  },
37  apply: function() {
38    return make_proxy({
39      current_user: function() {
40        return make_proxy({ id: "1791015720299x409141876428552100" }, 'Lib().current_user');
41      }
42    }, 'Lib()');
43  }
44});
45</script>

45

46<script type="text/javascript">
47function load_error_function (event) {
48  return window.load_error_log.push({ msg: event.message, error_url: event.filename, line: event.lineno, col: event.colno })
49}
50window.load_error_log = [];
51window.addEventListener('error', load_error_function);
52window.disableLoadErrorFunction = function () {
53  window.removeEventListener('error', load_error_function);
54}
55</script>

55
56<meta name="referrer" content="origin">

57<script type="text/javascript">
58if (!window._bubble_page_load_data) {
59  window._bubble_page_load_data = {}
60}
61if (!window._bubble_page_load_data.js_execution_timings) {
62  window._bubble_page_load_data.js_execution_timings = {}
63}
64window._bubble_page_load_data.js_execution_timings['pre_early_js'] = Date.now();
65</script>

65<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/early_js/05ae9fe83d6b755291132aab9d325d70918aafd336da1bd91a41a31c8b25734b/early.js"></script>

65<script type="text/javascript">
66if (!window._bubble_page_load_data) {
67  window._bubble_page_load_data = {}
68}
69if (!window._bubble_page_load_data.js_execution_timings) {
70  window._bubble_page_load_data.js_execution_timings = {}
71}
72window._bubble_page_load_data.js_execution_timings['post_early_js'] = Date.now();
73</script>

73

74<script type="text/javascript">(function () {
75    function onWebFontFinish () {
76        window.google_web_fonts_active = true;
77if (window.google_web_fonts_active_cb) {
78    window.google_web_fonts_active_cb();
79}
80        (function fontface_loaded_snippet (font) {
81  if (window.fontface_loaded == null) {
82    window.fontface_loaded = {}
83  }
84  if (font != null) {
85    window.fontface_loaded[font] = true
86  } else {
87    window.all_fontface_loaded = true
88  }
89  if (window.fontface_webfonts_loaded_cb) {
90    return window.fontface_webfonts_loaded_cb(font)
91  }
92})()
93    }
94    const WebFontConfig = {'google': { families: ["Lato:regular","Lato:900","Poppins:500","Poppins:600","Roboto:regular","Ubuntu:regular"] },
95        active: function() {
96            onWebFontFinish()
97        },
98        inactive: function() {
99            console.log('Failed to load all the fonts');
100            onWebFontFinish()
101        },
102        fontinactive: function(family_name, fvd) {
103            console.log('fontinactive being called for ' + family_name + ', Google says the fonts didnt render');
104            onWebFontFinish()
105        }
106    }
107        window.WebFont.load(WebFontConfig);
108})();</script>

108

109<script>
110(function initialize_data() {
111const xhr = new XMLHttpRequest();
112xhr.onreadystatechange = function() {
113    if (this.readyState === 4 && this.status === 200) {
114        const data = JSON.parse(this.responseText);
115
116        function init_data() {
117            data.forEach(function(d) {
118                Lib().db_instance().initialize_data(d.id, d.data, d.type, d.version);
119            })
120        }
121
122        if (window.Lib && window.Lib.is_skeleton == null) {
123            init_data();
124        } else {
125            window.Lib_post_load = init_data;
126        }
127    }
128};
129xhr.open("GET", "https://coherestreaming.bubbleapps.io/api/1.1/init/data?location=" + encodeURIComponent(window.location.href), true);
130xhr.send();
131})();
132</script>

132

133<script type="text/javascript">window.gm_key = "AIzaSyAlT1MzDJL1hTzjgn_-PbAD3NQEIKjcJi4";</script>

133

134<script type="text/javascript">window.glrl_key_status = false;</script>

134

135<script type="text/javascript">window.bubble_page_load_id = "1791015720713x760";</script>

135

136<script type="text/javascript">window.bubble_plp_token = "1791015721028.p8M2p+6qolc7DGAVhiZKNw4K+SHMHlVm11NUUxec4Ew=";</script>

136

137<script type="text/javascript">window.bubble_is_leanjs = false;</script>

137

138<script type="text/javascript">window.bubble_shim_modules = false;</script>

138
139<link rel="icon" type="image/png" href="https://2dbc9773da0862d2ad0ebcbe10d744a4.cdn.bubble.io/f1530294839424x143528842134401200/Icon-no-clearspace.png" />
140<meta name="fragment" content="!">
141<meta name="description" content="Bubble introduces a new way to build a web application. It’s a point-and-click programming tool. Bubble hosts all applications on its cloud platform.">
142<meta name="description" content="Bubble introduces a new way to build a web application. It’s a point-and-click programming tool. Bubble hosts all applications on its cloud platform.">
143<meta name="twitter:card" content="summary_large_image" />
144<meta property="og:title" content="Check out my Bubble app" />
145<meta name="twitter:title" content="Check out my Bubble app" />
146<meta property="og:site_name" content="Bubble" />
147<meta name="twitter:site_name" content="Bubble" />
148<meta property="og:description" content="Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required. " />
149<meta name="twitter:description" content="Bubble is the only platform that lets you switch between AI prompting and visual editing to go beyond prototypes and launch real apps — no code required. " />
150<link rel="image_src" href="https://2dbc9773da0862d2ad0ebcbe10d744a4.cdn.bubble.io/f1762463484754x595287411041153000/Bubbleio%20opengraph.png" />
151<meta property="og:image" content="https://2dbc9773da0862d2ad0ebcbe10d744a4.cdn.bubble.io/f1762463484754x595287411041153000/Bubbleio%20opengraph.png" />
152<meta name="twitter:image:src" content="https://2dbc9773da0862d2ad0ebcbe10d744a4.cdn.bubble.io/f1762463484754x595287411041153000/Bubbleio%20opengraph.png" />
153<meta property="og:url" content="https://coherestreaming.bubbleapps.io/" />
154<meta property="og:type" content="website" />
155<meta property="fb:app_id" content="340887986039814" />
156<meta name="twitter:card" content="summary_large_image" />
157<meta name="viewport" content="width=device-width,initial-scale=1.0">

158<script type="text/javascript">window._p = '{"id":"app_plugin_demo","no_branding":false,"import_export_csv":false,"custom_domain":false}';</script>

158

159<script type="text/javascript">window.bubble_page_name = "index";</script>

159

160<script type="text/javascript">window.__bubble_module_mode = false;</script>

160
161<link type="text/css" href="/package/run_css/0304ea8dfa183f6548a6754c4b71b70f1076a1cab5d2ea4b3424bd1abeb09856/coherestreaming/live/index/xfalse/xfalse/run.css" rel="stylesheet">

162<script type="text/javascript">
163if (!window._bubble_page_load_data) {
164  window._bubble_page_load_data = {}
165}
166if (!window._bubble_page_load_data.js_execution_timings) {
167  window._bubble_page_load_data.js_execution_timings = {}
168}
169window._bubble_page_load_data.js_execution_timings['pre_run_js'] = Date.now();
170</script>

170

171<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js"></script>

171

172<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/run_js/7071f7b382ccc6d041103d870a4570d077555f03000bb5d6d4422cbe7bed9355/xfalse/x21/run.js"></script>

172

173<script type="text/javascript">
174if (!window._bubble_page_load_data) {
175  window._bubble_page_load_data = {}
176}
177if (!window._bubble_page_load_data.js_execution_timings) {
178  window._bubble_page_load_data.js_execution_timings = {}
179}
180window._bubble_page_load_data.js_execution_timings['post_run_js'] = Date.now();
181</script>

181

182<script type="text/javascript">
183if (!window._bubble_page_load_data) {
184  window._bubble_page_load_data = {}
185}
186if (!window._bubble_page_load_data.js_execution_timings) {
187  window._bubble_page_load_data.js_execution_timings = {}
188}
189window._bubble_page_load_data.js_execution_timings['pre_static_js'] = Date.now();
190</script>

190<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/static_js/7d191ccbe00f47a4b75593cfe8f72b46cddb3b98f80bd4456fb0ae13bcd6afab/coherestreaming/live/index/xnull/xfalse/xfalse/xfalse/static.js"></script>

190<script type="text/javascript">
191if (!window._bubble_page_load_data) {
192  window._bubble_page_load_data = {}
193}
194if (!window._bubble_page_load_data.js_execution_timings) {
195  window._bubble_page_load_data.js_execution_timings = {}
196}
197window._bubble_page_load_data.js_execution_timings['post_static_js'] = Date.now();
198</script>

198

199<script type="text/javascript">
200if (!window._bubble_page_load_data) {
201  window._bubble_page_load_data = {}
202}
203if (!window._bubble_page_load_data.js_execution_timings) {
204  window._bubble_page_load_data.js_execution_timings = {}
205}
206window._bubble_page_load_data.js_execution_timings['pre_dynamic_js'] = Date.now();
207</script>

207<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/dynamic_js/d119b1ee6f89fdeec2475672433685de89e27384c95575d6eb4809195b571d20/coherestreaming/live/index/xnull/xfalse/xfalse/en_us/xfalse/xfalse/dynamic.js"></script>

207<script type="text/javascript">
208if (!window._bubble_page_load_data) {
209  window._bubble_page_load_data = {}
210}
211if (!window._bubble_page_load_data.js_execution_timings) {
212  window._bubble_page_load_data.js_execution_timings = {}
213}
214window._bubble_page_load_data.js_execution_timings['post_dynamic_js'] = Date.now();
215</script>

215

216<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_start_execution = Date.now();</script>

216

217<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_end_execution = Date.now();</script>

217
218</head>
219<body>

219<script type="text/javascript">
220window.addEventListener('DOMContentLoaded', function () {
221  if (window.appquery == null) {
222    (function() {
223    const html = `
224      <div class="error-card">
225        <div class="error-section">
226          <div class="error-title">Your browser was unable to load some necessary resources</div>
227          <div class="error-message">Contact your IT network administrator to allow access to:
228    • d3dqmih97rcqmh.cloudfront.net
229    • 2dbc9773da0862d2ad0ebcbe10d744a4.cdn.bubble.io/
230    • d1muf25xaso8hp.cloudfront.net</div>
231        </div>
232      </div>
233    `
234
235    const css = document.createElement('style')
236    css.type = 'text/css'
237    css.appendChild(
238      document.createTextNode(`
239      .error-overlay {
240        width: 100%;
241        height: 100%;
242        background: rgba(0,0,0,0.30);
243        overflow: hidden;
244        display: flex;
245        justify-content: center;
246        align-items: flex-start;
247        position: fixed;
248        inset: 0;
249        z-index: 999999;
250      }
251
252      .error-card {
253        width: 500px;
254        margin: 40px;
255        background: white;
256        box-shadow: 0px 1px 2px rgba(0,0,0,0.10);
257        border-radius: 8px;
258        display: flex;
259        flex-direction: column;
260      }
261
262      .error-section {
263        padding: 40px;
264        display: flex;
265        flex-direction: column;
266        gap: 12px;
267      }
268
269      .error-title {
270        color: #1A1A1A;
271        font-size: 18px;
272        font-family: Arial, sans-serif;
273        font-weight: 600;
274        line-height: 28px;
275      }
276
277      .error-message {
278        color: #525252;
279        font-size: 14px;
280        font-family: Arial, sans-serif;
281        font-weight: 400;
282        line-height: 20px;
283        white-space: pre-wrap;
284      }
285    `)
286    )
287    document.head.appendChild(css)
288
289    const container = document.createElement('div')
290    container.className = 'error-overlay'
291    container.innerHTML = html
292    document.body.appendChild(container)
293  })()
294    httpRequest = new XMLHttpRequest();
295httpRequest.open('POST', '/user/m', true);
296httpRequest.setRequestHeader('Content-Type', 'application/json');
297httpRequest.send(JSON.stringify({measures: {page_load_error: 1, url: document.location.href, errors: window.load_error_log}}));
298  };
299});
300</script>

300<script type="text/javascript">window.addEventListener('DOMContentLoaded', function () {if (window.appquery && window.app == null) {(function() {
301    const html = `
302      <div class="error-card">
303        <div class="error-section">
304          <div class="error-title">Your browser was unable to load the application</div>
305          <div class="error-message">We&#39;ve been notified of the issue. Please try again in a few moments and make sure not to use ad-blockers.</div>
306        </div>
307      </div>
308    `
309
310    const css = document.createElement('style')
311    css.type = 'text/css'
312    css.appendChild(
313      document.createTextNode(`
314      .error-overlay {
315        width: 100%;
316        height: 100%;
317        background: rgba(0,0,0,0.30);
318        overflow: hidden;
319        display: flex;
320        justify-content: center;
321        align-items: flex-start;
322        position: fixed;
323        inset: 0;
324        z-index: 999999;
325      }
326
327      .error-card {
328        width: 500px;
329        margin: 40px;
330        background: white;
331        box-shadow: 0px 1px 2px rgba(0,0,0,0.10);
332        border-radius: 8px;
333        display: flex;
334        flex-direction: column;
335      }
336
337      .error-section {
338        padding: 40px;
339        display: flex;
340        flex-direction: column;
341        gap: 12px;
342      }
343
344      .error-title {
345        color: #1A1A1A;
346        font-size: 18px;
347        font-family: Arial, sans-serif;
348        font-weight: 600;
349        line-height: 28px;
350      }
351
352      .error-message {
353        color: #525252;
354        font-size: 14px;
355        font-family: Arial, sans-serif;
356        font-weight: 400;
357        line-height: 20px;
358        white-space: pre-wrap;
359      }
360    `)
361    )
362    document.head.appendChild(css)
363
364    const container = document.createElement('div')
365    container.className = 'error-overlay'
366    container.innerHTML = html
367    document.body.appendChild(container)
368  })()}});</script>

368
369<img style="display: none;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />
370</body>
371</html>