-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
130 lines (126 loc) · 6.18 KB
/
index.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Flowplayer Wowza + LCEVC</title>
<link rel="icon" href="public/img/wowza-logo-48x48-1-1.ico" sizes="32x32" />
<link rel="icon" href="public/img/wowza-logo-48x48-1-1.ico" sizes="192x192" />
<link rel="apple-touch-icon" href="public/img/wowza-logo-48x48-1-1.ico" />
<link rel="stylesheet" href="https://cdn.flowplayer.com/releases/native/3/stable/style/flowplayer.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Inter:300,400,700,400&ver=6.6.1' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css">
<link rel="stylesheet" href="src/app.css"> <!-- here for local dev -->
<script src="lcevc_dec.min.js"></script>
</head>
<body>
<main>
<section id="hero" class="container">
<div class="row">
<div class="column">
<div class="hero-shell">
<div class="logos">
<img src="public/img/wowza-logo.png" height="50" width="246" alt="Wowza Logo" />
<img src="public/img/plus.png" height="50" width="16" alt="plus" class="plus" />
<img src="public/img/zixi-logo.png" height="50" width="133" alt="plus" />
</div>
<p>Take advantage of the <strong>lowest latency and highest reliability transport in the market and expand
viewer reach, enhance retention, and maximize monetization opportunities</strong> with Zixi's
contribution protocol supported by Wowza.
</p>
<div class="row">
<div class="column">
<div id="app" data-json='{"mode":1}'>
</div>
</div>
<div class="column">
<ul>
<li><strong>Accelerate your video production lifecycle</strong> with a single management platform from
content acquisition to delivery</li>
<li><strong>Improve cost efficiency</strong> without compromising quality</li>
<li>Deploy your way with either a <strong>fully managed</strong> solution or a
<strong>customer-managed</strong> approach</li>
</ul>
<img src="public/img/workflow.png" height="260" alt="Workflow" />
</div>
</div>
</div>
</div>
</div>
</section>
<section id="streaming-platform" class="container">
<div class="row">
<div class="column text-center">
<h2>Wowza <span class="color-orange">Streaming Platform</span></h2>
<img src="public/img/wowza-streaming-platform-v2.png" width="1542" height="665" class="img-responsive"
alt="Streaming platform graphic" />
</div>
</div>
</section>
<div class="bg-divider-rel bg-divider-bottom">
<img loading="lazy" decoding="async" src="public/img/divider-denim-bright-top-XOO.svg" height="146" width="1753">
</div>
<section id="powering-video" class="bg-denim-bright">
<div class="container">
<div class="row">
<div class="column">
<h3>Powering Better Video Through Partnerships</h3>
<a href="#" class="button">Get To Know Wowza's Partners</a>
</div>
<div class="column column-75">
<div class="partner-logo-shell">
<img src="public/img/partner-logos.png" class="img-responsive" alt="Partner logos listed" />
<img src="public/img/wowza-laptop-product-screen-800x480-v2.png" class="img-responsive laptop"
alt="Laptop with Wowza Video UI" />
</div>
</div>
</div>
</div>
</section>
<div class="bg-divider-rel bg-denim-bright bg-divider-bottom">
<img loading="lazy" decoding="async" src="public/img/divider-white-top-XXO.svg" height="146" width="1753">
</div>
<section id="meet-with-wowza" class="bg-white">
<div class="container">
<div class="row">
<div class="column">
<h3 class="color-denim-dark"><span class="color-orange">WOWZA'S</span><br>Unique Advantages</h3>
</div>
<div class="column column-80">
<div class="card-shell">
<div class="card color-white">
<p>Sells the <strong>most powerful live transcoder</strong> in the industry</p>
</div>
<div class="card" style="background:#92bddc;">
<p>Deployed in <strong>72% of the countries in the world</strong></p>
</div>
<div class="card" style="background:#ea8e24;">
<p><strong>Flexibility</strong> in deployment: on-premise, hybrid, cloud</p>
</div>
<div class="card" style="background:#f2f2f2;">
<p>Best-in-class <strong>live streaming and playback</strong></p>
</div>
<div class="card" style="background:#f1c52e;">
<p>Works with <strong>54 of the Fortune Global 500</strong></p>
</div>
<div class="card color-white" style="background:#3a67b9;">
<p>Actively runs on over <strong>171,000 instances</strong>outside of Wowza</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="row">
<div class="column"><p><img style="margin-right: 10px;vertical-align:middle;" src="public/img/wowza-footer-logo.png" alt="Wowza" width="46" height="46"> © 2007-2024 Wowza Media Systems™, LLC. All rights reserved.   <a href="https://www.wowza.com/legal/privacy/">Security & Privacy Policy</a> | <a href="https://www.wowza.com/legal/">Legal</a> | <a href="https://status.wowza.com/" target="_blank" rel="noopener">System Status</a></p></div>
</div>
</div>
</footer>
<script type="module" src="/src/app.ts"></script>
</body>
</html>