-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
460 lines (417 loc) · 22.3 KB
/
index.html
File metadata and controls
460 lines (417 loc) · 22.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
<!DOCTYPE html>
<html lang="en">
<head>
<title>Real-Time Video Streaming Platform - Millicast</title>
<meta name="description" content="Live streaming platform for broadcasting audio and video with sub-second, real-time latency. Start for free and stream to your viewers instantly." />
<meta name="keywords" content="Livestream, Broadcaster, Ultra-low latency CDN, WebRTC, Broadcasting, Real-time, sub-second streaming" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=no">
<meta name="author" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@MillicastRTC">
<meta name="twitter:title" content="Millicast - Real-Time Video Streaming Platform">
<meta name="twitter:description" content="Use Millicast to broadcast your live audio and video streams in sub-second latency to any device at any scale.">
<meta name="twitter:image" content="https://millicast.com/img/millicast-logo-solo-small.jpg">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122476980-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122476980-1');
</script>
<!-- Bootstrap 4.3.1 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<!-- Theme CSS -->
<link href="css/millicast.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/pricing.css" rel="stylesheet">
<style>
.row.text-center > div {
display: inline-block;
float: none;
}
.mb-0{
margin-bottom: 0;
}
@media (max-width: 991px) {
}
</style>
</head>
<body id="page-top">
<div class="">
<!-- Navigation -->
<nav id="pageNav" class="navbar navbar-expand-md fixed-top navbar-dark bg-dark no-gutters">
<a class="navbar-brand" href="./" style="margin-left: 9px;">
<img src="img/logos/dolbyio-x-millicast-logo.svg" alt="Millicast - Real-Time CDN" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#pageNavCollapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="pageNavCollapse" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="page-scroll" href="https://demo.millicast.com/?codec=h264&nosimulcast" target="_blank">Demo</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="https://millicast.medium.com/" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="https://docs.millicast.com/docs" target="_blank">Docs</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="https://docs.millicast.com/reference/welcome-rest-api" target="_blank">API</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="what-is-low-latency-streaming/">FAQ</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="pricing/">Pricing</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="https://dash.millicast.com/#/signin">
Login
</a>
</li>
<li class="nav-item signup">
<a class="page-scroll" href="https://dash.millicast.com/#/signup?planId=28" target="_blank">
<b>Sign Up</b>
</a>
</li>
</ul>
</div>
</nav>
<!-- Hero -->
<div class="hero-main d-flex justify-content-center align-items-center p-3" >
<div class="text-white text-center d-flex flex-column align-items-center">
<h1 id="main-hero-title">The fastest streaming on Earth</h1>
<h3 class="mb-4">Millicast, acquired by Dolby, is now part of the Dolby.io Platform. Millicast powers a new generation of interactive real-time streaming applications built on WebRTC.</h3>
<a href="https://dash.millicast.com/#/signup?planId=28" target="_blank">
<button class="btn btn-primary">Try for Free</button>
</a>
<a href="https://demo.millicast.com" target="_blank">
<button class="btn-alt btn-alt-secondary">Experience a Live Demo</button>
</a>
</div>
</div>
<div class="key-points-row ">
<div class="row mx-5">
<div class="col key-points-item">
<div>
<img src="img/icons/icon-benefit-latency-white-dbio.svg" class="img-fluid" alt="Live video delivery with the lowest possible latency." />
</div>
<div>
<h1>Latency</h1>
<p>Average 200-500 milliseconds global delivery</p>
</div>
</div>
<div class="col key-points-item">
<div>
<img src="img/icons/icon-benefit-reach-white-dbio.svg" class="img-fluid" alt="WebRTC CDN delivers to all devices." />
</div>
<div>
<h1>Reach</h1>
<p>Stream to all devices without plug-ins, players, or protocols.</p>
</div>
</div>
<div class="col key-points-item">
<div>
<img src="img/icons/icon-benefit-quality-white-dbio.svg" class="img-fluid" alt="Real-time HD quality video streaming." />
</div>
<div>
<h1>Quality</h1>
<p>Support for the latest codecs</p>
</div>
</div>
<div class="col key-points-item">
<div>
<img src="img/icons/icon-benefit-affordability-white-dbio.svg" class="img-fluid" alt="Affordable Ultra low latency CDN." />
</div>
<div>
<h1>Affordability</h1>
<p>Simple, transparent, all-inclusive, monthly based pricing</p>
</div>
</div>
<div class="col key-points-item">
<div>
<img src="img/icons/icon-benefit-scale-white-dbio.svg" class="img-fluid" alt="WebRTC Streaming for large scale delivery." />
</div>
<div>
<h1>Scale</h1>
<p>Global infrastructure, intelligent scaling, load tested with KITE</p>
</div>
</div>
</div>
</div>
<section id="howAndWhy" class="choose sect-base bg-light">
<div class="row">
<div class="col-xs-10 offset-xs-1 col-sm-5 offset-sm-1 mt-4">
<h1 class="choose-title" >How it Works</h1>
<div>
<div class="works-desc d-flex flex-row mb-3">
<p class="mb-0 "><b style="font-weight: 700;letter-spacing: 0.12em;">PUBLISH:</b> Simply use our online broadcaster from our Dashboard or OBS. For more advanced cases, use our API and SDKs from within your HTML, iOS or Android applications.</p>
</div>
<div class="works-desc d-flex flex-row">
<p class="mb-0 works-desc"><b style="font-weight: 700;letter-spacing: 0.12em;">VIEW:</b> We provide you with a hosted, customizable, white-label video player of which you can simply share the URL, or embed within your application for your viewers to instantly begin viewing your real-time streams.</p>
</div>
</div>
<h1 class="choose-title" style="padding-top:22px">How easy is it?</h1>
<div class="why-item d-flex flex-row mb-2 align-items-start">
<img class="mr-2" src="img/icons/icon-bullet-1-dbio.svg" alt="1" />
<p class="mb-0 mt-1">Sign up for a free trial.</p>
</div>
<div class="why-item d-flex flex-row mb-2 align-items-start">
<img class="mr-2" src="img/icons/icon-bullet-2-dbio.svg" alt="2" />
<p class="mb-0 mt-1">Create your Broadcast with a single click.</p>
</div>
<div class="why-item d-flex flex-row mb-4 align-items-start">
<img class="mr-2" src="img/icons/icon-bullet-3-dbio.svg" alt="3" />
<p class="mb-0 mt-1">Click Start Broadcast and instantly begin sharing your live stream to your audience. Done.</p>
</div>
<div class="why-desc"><p>With Millicast, there is no special player, standard HTML is all you need. It doesn’t get easier or more flexible than this.</p>
<a href="https://dash.millicast.com/#/signup?planId=28" target="_blank">
<button class="btn btn-primary">Try for Free</button></a>
</div>
</div>
<div class="col-xs-10 offset-xs-1 col-sm-5 mt-4">
<h1 class="choose-title text-black">Why Millicast?</h1>
<div class="works-desc sect-desc-alt mb-4"><p>Millicast, acquired by Dolby, is now part of the Dolby.io Platform. Millicast powers a new generation of interactive real-time streaming applications built on WebRTC. With sub-second latency, broadcast quality color and sound, support for massive audiences, and end-to-end encryption, Millicast supports real-world use cases including REMI production, sports, music, events, remote post-production, gaming, and the metaverse.</p></div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/FGwg6XtVP8E" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style="border: 0;" allowfullscreen></iframe>
</div>
</div>
</section>
<section class="who-needs sect-base bg-dark home-links">
<div class="mb-30-extra-margin">
<h1 class="sect-title sclight">Who needs realtime streaming?</h1>
<p class="sect-desc sclight">
Those who need to live stream audio and video and ensure their audience receives the feed in less than 500 milliseconds.
</p>
</div>
<div id="itemsView1" class="row">
<div id="leftList" class="col-sm-6">
<div class="list-group who-needs-item-font m-2">
<div class="list-group-item">
<img src="img/icons/icon-use-case-broadcasting-dbio.svg" alt="Sub-second latency video streaming for Live Broadcasting" class="" />
<span>Broadcasting</span>
</div>
<div class="list-group-item">
<a href="verticals/sub-second-latency-streaming-auctions-bidding/" target="_blank">
<img src="img/icons/icon-use-case-auctions-dbio.svg" alt="Sub-second latency video streaming for Auctions" />
<span>Auctions</span>
</a>
</div>
<div class="list-group-item">
<img src="img/icons/icon-use-case-elearning-dbio.svg" alt="Real time video streaming for eLearning and Virtual Classrooms" class="" />
<span>E-Learning</span>
</div>
<div class="list-group-item">
<img src="img/icons/icon-use-case-sports-events-dbio.svg" alt="Realtime video streaming for Sports and Gaming" class="" />
<span>Sports & Events</span>
</div>
<div class="list-group-item ">
<img src="img/icons/icon-use-case-financial-news-dbio.svg" alt="Ultra low latency video streaming for wall street trading" class="" />
<span>Financial News</span>
</div>
</div>
</div>
<div id="rightList" class="col-sm-6">
<div class="list-group who-needs-item-font m-2">
<div class="list-group-item">
<img src="img/icons/icon-use-case-post-production-dbio.svg" alt="Real-time, zero latency streaming for Post Production" class="" />
<span>Post Production</span>
</div>
<div class="list-group-item">
<img src="img/icons/icon-use-case-gaming-esports-dbio.svg" alt="eSports" /><span>Gaming & eSports</span>
</div>
<div class="list-group-item">
<img src="img/icons/icon-use-case-ar-vr-metaverse-dbio.svg" alt="Realtime latency audio and video streaming for VR" class="" />
<span>AR/VR & Metaverse</span>
</div>
<div class="list-group-item">
<img src="img/icons/icon-use-case-audience-interactivity-dbio.svg" alt="WebRTC large scale streaming for social media" class="" />
<span>Audience Interactivity</span>
</div>
<div class="list-group-item">
<img src="img/icons/icon-use-case-social-video-dbio.svg" alt="Realtime audio, video and data streaming for IoT" class="" />
<span>Social Video</span>
</div>
</div>
</div>
</div>
</section>
<section class="customer-logos-sect">
<div class="container customer-logos-row" style="max-width:100%">
<div class="customer-logos-font" >
THE BEST COMPANIES IN THE WORLD TRUST MILLICAST FOR REALTIME STREAMING
</div>
</div>
<div id="cust-logos-img" class="logo-alt" >
<div class="row customer-logos-blocks" style="max-width: 1350px; margin-top: 0; margin-left: auto; margin-right: auto;">
<div class="col-sm-12 col-md-2 customer-logos-item">
<div style="padding-top:0.6em;">
<img width="120" src="img/logos/logo-nfl-white-dbio.png" class="img-fluid center-logo" alt="Millicast customer testimonial NFL" />
</div>
</div>
<div class="col-sm-12 col-md-2 customer-logos-item">
<div style="padding-top:0.7em;">
<img width="100" src="img/logos/logo-nbc-white-dbio.png" class="img-fluid center-logo" alt="Millicast customer testimonial NBC" />
</div>
</div>
<div class="col-sm-12 col-md-3 customer-logos-item">
<div style="padding-top:3em;padding-bottom:0.8em;">
<img width="135" src="img/logos/logo-cbs-white-dbio.png" class="img-fluid center-logo" alt="Millicast customer testimonial CBS" />
</div>
</div>
<div class="col-sm-12 col-md-2 customer-logos-item">
<div style="padding-top:1.2em">
<img width="140" src="img/logos/logo-nasa-white-dbio.png" class="img-fluid center-logo" alt="Millicast customer testimonial NASA" />
</div>
</div>
<div class="col-sm-12 col-md-2 customer-logos-item">
<div style="padding-top:3em">
<img width="200" src="img/logos/logo-amazon-prime-white-dbio.png" class="img-fluid center-logo" alt="Millicast customer testimonial AmazonPrime" />
</div>
</div>
</div>
</div>
</section>
<section class="why-need sect-base bg-light">
<div class="mb-30 ">
<h1 class="sect-title scdark">Powerful Feature Set</h1>
<h2 class="sect-desc scdark">
We have been realtime streaming experts since 2002 and built Millicast specifically to be the best zero-latency streaming platform in the world. Millicast pushes WebRTC to the next level and sets a new standard for live streaming, allowing true real-time delivery to all devices. <!-- Streaming so instant it is like looking in a mirror. -->
</h2>
</div>
<div id="itemsView2" class="container">
<div class="row">
<div class="col-sm-4">
<img src="img/icons/icon-feature-plug-in-free-dbio.svg" alt="Plugin free pure WebRTC-based streaming platform." />
<h1 class="item-title">100% Plug-in Free</h1>
<p>End-to-end WebRTC. Reach all devices without plugins, players, special protocols, SDKs or client-side framework requirements. Pure, universal, HTML</p>
</div>
<div class="col-sm-4">
<img src="img/icons/icon-feature-smoother-streaming-dbio.svg" alt="Built for the highest quality WebRTC live streaming." />
<h1 class="item-title">Smoother Streaming</h1>
<p>Uniquely engineered for reliability and quality in the worst network conditions, and real-time means you never see any buffering.</p>
</div>
<div class="col-sm-4">
<img src="img/icons/icon-feature-simulcast-dbio.svg" alt="Simulcast streaming for the best user experience." />
<h1 class="item-title">Simulcast</h1>
<p>Built-in support for providing your live stream at the bitrate most suitable to each of your viewers, including VP8 & H.264 codecs.</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img src="img/icons/icon-feature-obs-support-dbio.svg" alt="Low latency WebRTC for OBS." />
<h1 class="item-title">OBS Support</h1>
<p>Open Broadcaster Software (OBS) is the industry standard for live video publishing, so we’ve extended it for you to use with WebRTC.</p>
</div>
<div class="col-sm-4">
<img src="img/icons/icon-feature-secure-dbio.svg" alt="Secure realtime streaming service provider." />
<h1 class="item-title">Secure</h1>
<p>Encryption is at the very core of WebRTC and we maintain this philosophy end-to-end across all areas of our systems.</p>
</div>
<div class="col-sm-4">
<img src="img/icons/icon-feature-api-sdk.svg" alt="SDKs for ultra low latency streaming." />
<h1 class="item-title">API & SDKs</h1>
<p>Our API has been designed to make it easy to use Millicast in any environment. See our docs, SDKs and tutorials to get started.</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<img src="img/icons/icon-feature-advanced-analytics-dbio.svg" alt="Analytics for the lowest possible latency." />
<h1 class="item-title">Advanced Analytics</h1>
<p>We provide you with live and historic metrics to help you understand your audience and weigh the success of your real-time streaming.</p>
</div>
<div class="col-sm-4">
<img src="img/icons/icon-feature-recording-dbio.svg" alt="Record your realtime low latency streams." />
<h1 class="item-title">Recording</h1>
<p>Our recording and replay API makes it simple for you to archive and replay your streams within any environment.</p>
</div>
<div class="col-sm-4">
<img src="img/icons/icon-feature-webrtc-experts-dbio.svg" alt="Best supported WebRTC CDN in the world." />
<h1 class="item-title">WebRTC Experts</h1>
<p>We're members of the W3C and IETF committees for WebRTC standards, as well as leading providers of global streaming infrastructure; you're in good hands.</p>
</div>
</div>
</div>
</section>
<section class="get-sect ctablock_container sect-base bg-dark">
<div class="mb-30">
<h1 class="sect-title scdark">How do I get in?</h1>
<p class="sect-desc scdark">Millicast is the best, lowest-latency solution enabling you to instantly stream your content in real-time.
<br>Click below to sign up and start using Millicast today.</p>
</div>
<div id="formView">
<a href="https://dash.millicast.com/#/signup?planId=28" target="_blank">
<button class="btn btn-primary">Get Started Now</button>
</a>
<br /><br />
</div>
</section>
<footer class="main-footer-sect d-flex align-items-center justify-content-lg-between flex-column flex-lg-row p-4 border-0">
<div class="d-flex flex-wrap justify-content-center mb-2">
<div class="px-2">
<a href="#">© 2022</a>
</div>
<div class="px-2">
<a class="page-scroll" href="about/">About</a>
</div>
<div class="px-2">
<a href="privacy/">Privacy</a>
</div>
<div class="px-2">
<a href="terms/">Terms</a>
</div>
<div class="px-2">
<a href="contactus/">Contact</a>
</div>
</div>
<div class="d-flex flex-column-reverse flex-md-row align-items-center mb-2">
<div class="d-flex flex-row">
<div class="px-2">
<a href="https://twitter.com/millicastRTC" target="_blank">
<img src="img/icons/icon-social-twitter-dbio.svg" width="24" height="14" alt="Twitter" />
</a>
</div>
<div class="px-2">
<a href="https://medium.com/@millicast" target="_blank">
<img src="img/icons/icon-social-medium-dbio.svg" width="27" height="17" alt="Medium" />
</a>
</div>
<div class="px-2">
<a href="https://www.facebook.com/millicastRTC/" target="_blank">
<img src="img/icons/icon-social-facebook-dbio.svg" width="24" height="14" alt="Facebook" />
</a>
</div>
</div>
<div class="d-flex flex-row">
<div class="px-2">
<a href="mailto:hello@millicast.com"><img src="img/icons/icon-social-email-dbio.svg" width="24" height="19" alt="Email" /> hello@millicast.com</a>
</div>
</div>
<div class="px-2">
<img src="img/logos/dolbyio-x-millicast-logo.svg" alt="Real-Time CDN" style="height: 24px;" />
</div>
</div>
</footer>
</div>
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script>
window.intercomSettings = {
app_id: "cuc3ois2"
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/cuc3ois2';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
</body>
</html>