-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
826 lines (819 loc) · 52.5 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
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
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
---
layout: default
---
<div class="w-section section-header" style="position:relative;overflow: hidden;">
<div class="video-parent-container" >
<div class="video-container">
<!--script src="https://cdnapisec.kaltura.com/p/2421271/sp/242127100/embedIframeJs/uiconf_id/43005241/partner_id/2421271"></script-->
<script type="text/javascript" src="https://cdnapisec.kaltura.com/p/2421271/embedPlaykitJs/uiconf_id/43006971"></script>
<div id="kaltura_player_1453968704" class="video-iframe visuallyhidden" width="100%" height="100%" style="height:100%;width:100%;"></div>
<script>
var kalturaPlayer;
var lightbox = lity();
var popoverVideo = function (e) {
kalturaPlayer.pause();
//lightbox('https://cdnapisec.kaltura.com/p/2421271/sp/242127100/embedIframeJs/uiconf_id/43005251/partner_id/2421271?iframeembed=true&playerId=kaltura_player_1473229681&entry_id=1_fjqtp7ki&flashvars[autoPlay]=true');
lightbox('https://cdnapisec.kaltura.com/p/2421271/embedPlaykitJs/uiconf_id/43006971?iframeembed=true&entry_id=1_fjqtp7ki&config[playback]={"autoplay":true}');
$(document).on('lity:close', function(event, lightbox) {
kalturaPlayer.play();
$(document).off('lity:close');
});
};
$( document ).ready(function() {
var isMobile = window.matchMedia("only screen and (max-width: 1024px)");
if (isMobile.matches) {
$(".video-cover").css('background-image', 'none');
$(".section-header").css('cursor', 'pointer');
$('.section-header').on('click touchstart', popoverVideo);
}
});
let playerConfig = {
targetId: "kaltura_player_1453968704",
provider: {
partnerId: 2421271,
uiConfId: 43006971
}
};
kalturaPlayer = KalturaPlayer.setup(playerConfig);
kalturaPlayer.addEventListener(kalturaPlayer.Event.ENDED, event => {
setTimeout(()=>kalturaPlayer.play(),0);
});
kalturaPlayer.loadMedia({entryId: '1_fjqtp7ki'}).then(() => {
kalturaPlayer.load();
$(".video-iframe").removeClass("visuallyhidden");
$(".video-cover").css('background-image', 'none');
$(".section-header").css('cursor', 'pointer');
$('.section-header').on('click touchstart', popoverVideo);
//header title and body
$('h1.header-headings').on( "click", function () {
$('p.header-body').animate({'opacity': 1});
});
});
/*kWidget.embed({
"targetId": "kaltura_player_1453968704",
"wid": "_2421271",
"uiconf_id": 43005241,
"flashvars": {
"loop": true,
"autoPlay": true,
},
"entry_id": "1_fjqtp7ki",
"readyCallback": function( playerId ){
document.kdp = $( "#" + playerId ).get(0);
document.kdp.kBind( "timeupdate.showvid", function(){
document.kdp.kUnbind( ".showvid" );
$(".video-iframe").removeClass("visuallyhidden");
$(".video-cover").css('background-image', 'none');
$(".section-header").css('cursor', 'pointer');
$('.section-header').on('click touchstart', popoverVideo);
});
//header title and body
$('h1.header-headings').on( "click", function () {
$('p.header-body').animate({'opacity': 1});
});
}
});*/
</script>
<div id="header-cover-image" class="video-cover" width="100%" height="100%" style="height:100%;width:100%;"></div>
</div>
</div>
<div class="w-container header-container" style="position:relative;z-index:2">
<!--h1 class="header-headings" style="cursor: pointer;">Kaltura Video Platform as a Service <VPaaS></h1>
<p class="header-body">Cloud video services and SDKs for everything video. All devices; All media workflows; All applications. Powering Any Video Experience. Pay as you go.</p>
<a href="/register" class="w-button header-btn vpaas-btn"><span class="sign-in-icon fa fa-sign-in fa-lg"></span>Sign Up for a VPaaS Account</a>
<a href="/kaltura-start" class="w-button header-btn"><span class="get-inspired-icon fa fa-lightbulb-o fa-lg"></span>Join Kaltura's Startup Program</a-->
</div>
</div>
<div class="w-section home-sign-up-section">
<div class="w-container">
<h3 class="home-sign-up-cta">Kaltura Video Platform as a Service <VPaaS></h3><a href="/register" class="w-button header-btn vpaas-btn"><span class="sign-in-icon fa fa-sign-in fa-lg"></span>Create a Free Account</a>
</div>
</div>
<div class="w-section about-vpaas-section">
<div class="w-container">
<div class="about-vpaas-text-block">
Kaltura VPaaS (Video Platform as a Service) allows you to build any video experience or workflow, and to integrate rich video experiences into existing applications, business workflows and environments. <br />
Kaltura VPaaS eliminates all complexities involved in handling video at scale: ingestion, transcoding, metadata, playback, distribution, analytics, accessibility, monetization, security, search, interactivity and more.
<br /><br />
Available as an open API, with a set of SDKs, developer tools and dozens of code recipes, we’re making the video experience creation process as easy as it gets.
</div>
</div>
</div>
<div class="w-section w-hidden-medium w-hidden-small w-hidden-tiny summary-icon-section">
<div class="w-container container">
<div class="w-row columns">
<div class="w-col w-col-2">
<a class="home-icon-links" href="https://vpaas.kaltura.com/documentation/Web-Video-Player/Player-Configuration.html"><div class="column-div"><img src="images/player icon 2.svg" class="summary-icon-img">
<h2 class="summary-heading">Video Player</h2>
<div class="summary-description">HTML5 Toolkit, Plugins & API</div>
</div></a>
</div>
<div class="w-col w-col-2">
<a class="home-icon-links" href="https://vpaas.kaltura.com/documentation/VPaaS-API-Getting-Started/Getting-Started-VPaaS-API.html"><div class="column-div"><img src="images/API icon.svg" class="summary-icon-img">
<h2 class="summary-heading">Video API</h2>
<div class="summary-description">API Infrastructure for Core Video Services</div>
</div></a>
</div>
<div class="w-col w-col-2">
<a class="home-icon-links" href="https://vpaas.kaltura.com/documentation/Media-Management/Content-Categories-Management.html"><div class="column-div"><img src="images/media w icon.svg" class="summary-icon-img">
<h2 class="summary-heading">Media Workflows</h2>
<div class="summary-description">Tools for Video Workflows & Experiences</div>
</div></a>
</div>
<div class="w-col w-col-2">
<a class="home-icon-links" href="https://vpaas.kaltura.com/documentation/Video-Analytics-and-Insights/media-analytics.html"><div class="column-div"><img src="images/analytics icon.svg" class="summary-icon-img">
<h2 class="summary-heading">Analytics</h2>
<div class="summary-description">Direct Access to Content & User Data</div>
</div></a>
</div>
<div class="w-col w-col-2">
<a class="home-icon-links" href="https://vpaas.kaltura.com/documentation/Mobile-Video-Player-SDKs/Introduction.html"><div class="column-div"><img src="images/mobile icon.svg" class="summary-icon-img">
<h2 class="summary-heading">Mobile Video</h2>
<div class="summary-description">SDKs for All Native Video Workflows</div>
</div></a>
</div>
<div class="w-col w-col-2">
<a class="home-icon-links" href="https://vpaas.kaltura.com/documentation/Live-Video-and-Broadcast"><div class="column-div"><img src="images/live_video_icon.png" class="summary-icon-img">
<h2 class="summary-heading">Live Video</h2>
<div class="summary-description">Create, Manage, Deliver & Record</div>
</div></a>
</div>
</div>
</div>
</div>
<!--div class="w-section tabbed-section">
<div class="w-hidden-medium w-hidden-small w-hidden-tiny tabs-bk"></div>
<div class="w-container container tabs-container">
<div data-duration-in="300" data-duration-out="100" class="w-tabs tabs-wrapper">
<div class="w-tab-menu w-clearfix tabs-menu"><a data-w-tab="Tab 1" class="w-tab-link w-inline-block tab-links first-tab-link"><div>API</div></a><a data-w-tab="Tab 2" class="w-tab-link w-inline-block tab-links"><div>Player</div></a><a data-w-tab="Tab 3" class="w-tab-link w-inline-block tab-links"><div>Flows & Experience</div></a><a data-w-tab="Tab 4" class="w-tab-link w-inline-block tab-links"><div>Live & Media Prep</div></a><a data-w-tab="Tab 5" class="w-tab-link w-inline-block tab-links"><div>Analytics</div></a><a data-w-tab="Tab 6" class="w-tab-link w-inline-block tab-links"><div>Monetization</div></a><a data-w-tab="Tab 7" class="w-tab-link w--current w-inline-block tab-links last-tab-link"><div>Mobile</div></a></div>
<div class="w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane tabbed-pane">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Authentication & User Administration</h4>
<div class="tabs-descriptions">Manage user access to applications, functionality and content using Kaltura Auth and Security via the REST API</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Media Ingestion & Acquisition</h4>
<div class="tabs-descriptions">Get your content into Kaltura via the Kwidget uploader, bulk upload, bulk ingest via URL or using Kaltura's robust upload APIs</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Category & Metadata Management</h4>
<div class="tabs-descriptions">Create categories, assign media, add users and leverage custom data to package your content for your particular use-case</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Security, Entitlements & Control</h4>
<div class="tabs-descriptions">Maintain full control over how your content is accessed, which users are granted access, over which networks, and from what locations</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Metadata Extraction Enrichment</h4>
<div class="tabs-descriptions">Take advantage of transcription, translation and cue-point metadata to improve search experiences and drive SEO</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Content Preparation & Transcoding</h4>
<div class="tabs-descriptions">Ensure multi-flavor content transcoding and delivery across devices, bandwidth environments and tailored use-cases</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Cross-Device Media Playback & Delivery</h4>
<div class="tabs-descriptions">Deliver your content flavors across different CDNs to every device via streaming, progressive or hybrid protocols</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Live Broadcast & Recording Workflows</h4>
<div class="tabs-descriptions">Create live entries, configure adaptive-bitrate live flavor transcoding, and set live DVR and live-to-VOD parameters </div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Workflows & Event Notifications</h4>
<div class="tabs-descriptions">Create advanced workflows such as auto- ingestion, distribution and syndication feeds. Configure auto-notifications for these workflows</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Search, Discovery & Personalization</h4>
<div class="tabs-descriptions">Search for content, metadata, transcriptions and more from within your own applications using Kaltura's REST APIs</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Applications & Widgets Management</h4>
<div class="tabs-descriptions">Manage your Kaltura widgets - players, uploaders, authoring tools, and any other uiconf widget via the Kaltura API</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Kaltura Server Administration</h4>
<div class="tabs-descriptions">TBA</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 2" class="w-tab-pane">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Player Toolkit Structure Overview</h4>
<div class="tabs-descriptions">Built on top of an advanced resource loader that supports dynamic packing of modules, features & player metadata while minimizing resources into a single non-blocking payload.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Intelligent Per-Platform Player Selection</h4>
<div class="tabs-descriptions">Using a single player library & embed code, the Kaltura Player will load content dynamically in HTML5 or Flash across desktop, mobile , set-top-box and other end-user devices.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Unified Flash & HTML5 Player API</h4>
<div class="tabs-descriptions">A JavaScript API provides a two-way communication channel that lets the player communicate what it is doing and lets you instruct the player to perform operations, across any device or workflow.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Simple JSON Configuration Tools</h4>
<div class="tabs-descriptions">A host of tools on player.kaltura.com provide direct access to JSON config of player plugins and UI Vars make it easy to customize player experiences across devices</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">CSS-Based Skins with State Classes</h4>
<div class="tabs-descriptions">Load external CSS resources to override portions of the player skin or add custom external plugins. CSS and HTML can be customized according to player state.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Plugins with Extended Base Component Classes</h4>
<div class="tabs-descriptions">TBA</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Native iOS & Android Components</h4>
<div class="tabs-descriptions">Integrate the Kaltura Player into native applications on iOS & Android using the mobile SDK - enabling the full HTML5 player platform without limitation.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Multiple Video Embed Options</h4>
<div class="tabs-descriptions">Multiple embed code options to fit your use case - spanning HTML-only, SEO includes, thumbnail-only, responsive embed & everything else in-between.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Kaltura Application Framework</h4>
<div class="tabs-descriptions">Integrate core video functionality into applications with KAF widgets. All components support cross-device usage, responsive design
<br>& automatic device detection.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">VAST & DFP Ad-Server Integrations</h4>
<div class="tabs-descriptions">Out-the-box support for VAST 3.0, & integrated plugins for Google DoubleClick DFP, FreeWheel, Ad Tech, Eye Wonder, AdapTV & Tremor Video.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">TBA</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">TBA</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 3" class="w-tab-pane">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Access Control Content Restrictions</h4>
<div class="tabs-descriptions">Control access to content by combining white- or blacklist parameters such as domain, IP address, location or video flavor.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Secure User <br>Authentication</h4>
<div class="tabs-descriptions">Securely authenticate users into your application, assign user roles / permissions, & exercise control over Kaltura Session parameters.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Back-end Event Notifications</h4>
<div class="tabs-descriptions">Enable your applications to respond to asynchronous events that occur on the Kaltura server by parsing HTTP POST requests.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Media Transcoding Workflows</h4>
<div class="tabs-descriptions">Manage any input type, file size and volume, prioritize transcoding jobs, dedicate servers or content secure with DRM.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Category Management & Entitlements</h4>
<div class="tabs-descriptions">Manage content organization & taxonomy, as well as viewer access to content by using categories & user-roles.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Gallery Creation & Content Search</h4>
<div class="tabs-descriptions">Pull content thumbnails & metadata into a viewer gallery or create a search results page against user queries, all via the Kaltura API.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Metadata Management Workflows</h4>
<div class="tabs-descriptions">Create new fields, push new metadata, update existing metadata & assign entries to categories via the Kaltura API.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Manual & Conditional Playlist Management</h4>
<div class="tabs-descriptions">Create new playlists, update existing playlists, define playlist conditions & sorting, & pull content from playlists via the Kaltura API.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Related Content Recommendation</h4>
<div class="tabs-descriptions">Power related content recommendations using metadata both in the Kaltura Player & within your own applications.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Upload to Publish Workflows</h4>
<div class="tabs-descriptions">Ingest from any source, transcode into any format, apply content restrictions, & publish to your applications.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Media Repurposing Workflows</h4>
<div class="tabs-descriptions">Create & update media repurposing profiles using rules & actions to apply to media that needs to be archived or removed</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">User Management Workflows</h4>
<div class="tabs-descriptions">Add & update user profiles, integrate with an active directory, configure user permissions, add & remove users from categories</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 4" class="w-tab-pane">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Live Streaming <br>Workflows</h4>
<div class="tabs-descriptions">Create live entries, configure live features, pull live entry credentials, grab embed codes & publish to your applications</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Live DVR <br>Configuration</h4>
<div class="tabs-descriptions">Enable or disable DVR, & change DVR length to provide a seamless viewing experience in your application</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Live Streaming <br>Analytics</h4>
<div class="tabs-descriptions">Pull real-time live data against live entries - such as unique views, location, buffering times & average bitrates, via the Kaltura API</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Live Closed <br>Captioning</h4>
<div class="tabs-descriptions">Ingest live WebVTT caption metadata for delivery over HLS, HDS, DASH and RTMP streaming formats</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Live Entry <br>Clipping</h4>
<div class="tabs-descriptions">Extract VOD segments from ongoing live streams & publish to your applications via the API</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Live Cue <br>Points</h4>
<div class="tabs-descriptions">TBA. Using ID3 tags</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Metadata Profiles & <br>Schema Management</h4>
<div class="tabs-descriptions">Create categories, assign live media, add users and leverage custom data to package your live content for your viewers</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Hooking into <br>Remote Storage</h4>
<div class="tabs-descriptions">Serve media to the CDN from a remote storage source such as Amazon S3 or Azure Storage</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Leverage Drop <br>Folder Ingest</h4>
<div class="tabs-descriptions">Ingest content & metadata into your applications automatically via FTP-based drop folders</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Ingest Content <br>from a Webcam</h4>
<div class="tabs-descriptions">Allow your users to capture content into your applications using any connected webcam</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Ingest Content<br>from a URL</h4>
<div class="tabs-descriptions">Ingest content from an external source such as an OVP, cloud storage or FTP location</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Metadata <br>Enrichment</h4>
<div class="tabs-descriptions">Integrate with Kaltura partners via API to leverage services like speech to text & visual recognition</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 5" class="w-tab-pane">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Content Usage <br>Reports</h4>
<div class="tabs-descriptions">Data around content views, view times, player impressions, drop-off rates & content interactions like Shares or Downloads</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Audience Interaction Reports</h4>
<div class="tabs-descriptions">Data around specific users, geographic distribution, content contribution & syndication to other sites.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Media Analytics <br>Workflows</h4>
<div class="tabs-descriptions">Pull data reports into your application around your specific use-case using a range of different API calls & filters</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Live & Real-Time<br>Reports</h4>
<div class="tabs-descriptions">Data around live streaming entries such as number of users, plays, minutes viewed, average bitrates and buffering times</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Leaderboard & <br>Engagement Reports</h4>
<div class="tabs-descriptions">Data around content popularity - who are the most engaged viewers, what are users watching, & for how long</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">3rd-Party Analytics <br>Plugins</h4>
<div class="tabs-descriptions">Integrate Kaltura analytics with 3rd party products such as Google Analytics, Omniture, Nielson & Comscore</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Platform & Browser <br>Reports</h4>
<div class="tabs-descriptions">Data around what devices, device models, operating systems, browsers & versions your viewers are using to watch content</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Custom Data <br>Reports</h4>
<div class="tabs-descriptions">TBA. Might be redundant since we have Media Analytics Workflows</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">TBA</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">TBA</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">TBA</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">TBA</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 6" class="w-tab-pane">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
</div>
<div data-w-tab="Tab 7" class="w-tab-pane w--tab-active">
<div class="w-row tabbed-column-row first-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">iOS SDK</h4>
<div class="tabs-descriptions">Integrate Kaltura video into native iOS applications while retaining the full player experience & functionality</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Android SDK</h4>
<div class="tabs-descriptions">Integrate Kaltura video into native Android applications while retaining the full player experience & functionality</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row second-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
<div class="w-row w-hidden-small w-hidden-tiny tabbed-column-row last-tabbed-column-row">
<div class="w-col w-col-3 tabbed-columns first-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
<div class="w-col w-col-3 tabbed-columns last-tabbed-column">
<div class="tabs-div">
<h4 class="tabs-headings">Heading</h4>
<div class="tabs-descriptions">This is some text inside of a div block.This is some text inside of a div block.This is some text inside of a div block.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div-->
<div class="w-section case-study-section" id="case_study_section">
<div class="w-container">
<div class="case-study-heading-div">
<div class="sml-caps-header">CASE STUDIES</div>
<h2 class="section-headings">What are People Building with Kaltura?</h2>
</div>
<div class="case-study-div">
<div class="w-row">
<div class="w-col w-col-4 case-study-columns">
<div class="case-study-column-div"><img width="376" src="images/2u_logo_home_pg.jpg" class="case-study-img">
<div class="case-study-description">2U built a personalized distance learning platform providing full degrees from leading accredited universities, merging synchronized Live and VOD experiences for one-on-one and collaborative group learning.</div><a href="https://vpaas.kaltura.com/2u-case-study#sthash.Ln1hwE4E.dpbs" class="readmore-text-link">read more</a>
</div>
</div>
<div class="w-col w-col-4">
<div class="case-study-column-div"><img width="376" src="images/gogo-logo.png" class="case-study-img">
<div class="case-study-description">GoGo built an inflight Paid TV service connecting inflight video rental and on-land mobile enabled video catch-up experience on Delta and American Airlines flights in the US.</div><a href="https://vpaas.kaltura.com/gogo-case-study.html#sthash.8ybT3bVT.dpbs" class="readmore-text-link">read more</a>
</div>
</div>
<div class="w-col w-col-4">
<div class="case-study-column-div"><img width="376" src="images/skyword_hdid__logo_home_pg.jpg" class="case-study-img">
<div class="case-study-description">How Did I Do built an online platform to automatically analyze speaker communication skills and impact, and Skyword built a video marketplace and workflow management platform for enterprises.</div><a href="https://vpaas.kaltura.com/how-did-i-do_skyword-case-study#sthash.vTWrQMDC.DFVtYSJY.dpbs" class="readmore-text-link">read more</a>
</div>
</div>
</div>
<div class="w-row">
<div class="w-col w-col-4 case-study-columns">
<div class="case-study-column-div"><img width="376" src="images/tg-home-logo.png" class="case-study-img">
<div class="case-study-description">Toon Goggles built a platform catering to children and animators. Animators can publish their shows and access analytics on trends that can be presented to networks and investors.</div><a href="https://vpaas.kaltura.com/toon-goggles-case-study.html" class="readmore-text-link">read more</a>
</div>
</div>
<div class="w-col w-col-4">
<div class="case-study-column-div"><img width="376" src="images/tr-home-logo.png" class="case-study-img">
<div class="case-study-description">Thomson Reuters built a contextual rich-video search and distribution platform serving banks, trading desks and financial risk news consumers.</div><a href="https://vpaas.kaltura.com/thomson-reuters-case-study.html" class="readmore-text-link">read more</a>
</div>
</div>
<div class="w-col w-col-4">
<div class="case-study-column-div"><img width="376" src="images/nbs-home-logo.png" class="case-study-img">
<div class="case-study-description">Newsbeat Social built an end-to-end video ingestion, management, publishing, distribution, syndication, monetization and analytics workflow.</div><a href="https://vpaas.kaltura.com/newsbeat-case-study.html" class="readmore-text-link">read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-section news-twitter-section">
<div class="w-container">
<div class="w-row news-twitter-row">
<div class="w-col w-col-7 w-col-stack news-column">
<h1 class="section-headings news_twitter">News & Recent Discussions</h1>
<div class="news-wrapper">
<div class="news-item">
<div class="w-row">
<div class="w-col w-col-4 w-col-small-6"><img width="176" src="images/jam.jpg" class="news-item-img">
</div>
<div class="w-col w-col-8 w-col-small-6">
<h3 class="blog-headings">JaM: PHP App Monitoring Made Easy</h3>
<p class="news-item-description">A few months back, we, at Kaltura, held an internal hackathon, this post will cover my hackathon project: a PHP monitoring system called JaM.</p><a href="https://blog.kaltura.com/7867-2/" class="readmore-text-link" target="_blank">READ MORE</a>
</div>
</div>
</div>
<div class="news-item">
<div class="w-row">
<div class="w-col w-col-4 w-col-small-6"><img width="176" src="images/source.jpg" class="news-item-img">
</div>
<div class="w-col w-col-8 w-col-small-6">
<h3 class="blog-headings">Kaltura Hackathon 2015</h3>
<p class="news-item-description">Some of the things we pride ourselves on at Kaltura are collaboration, openness, and creativity. So at the end of the year, we ran our annual internal Kaltura Hackathon in Tel Aviv, with remote participants from New York and London.</p><a href="https://blog.kaltura.com/hackathon-2015/" class="readmore-text-link">READ MORE</a>
</div>
</div>
</div>
<div class="news-item">
<div class="w-row">
<div class="w-col w-col-4 w-col-small-6"><img src="images/fosdem.png" class="news-item-img">
</div>
<div class="w-col w-col-8 w-col-small-6">
<h3 class="blog-headings">FOSDEM Open Media devroom</h3>
<p class="news-item-description">If you’re interested in Open Source Media projects, be sure to hit the Open Media devroom at FOSDEM next week. The conference is happening in Brussels on January 30 and 31. We’re proud to be organizing this particular developer room along with the European Broadcasting Union.</p><a href="https://blog.kaltura.com/fosdem-open-media-devroom/" class="readmore-text-link">READ MORE</a>
</div>
</div>
</div>
<div class="news-item">
<div class="w-row">
<div class="w-col w-col-4 w-col-small-6"><img src="images/php7.png" class="news-item-img">
</div>
<div class="w-col w-col-8 w-col-small-6">
<h3 class="blog-headings">Announcing: Kaltura support for PHP7</h3>
<p class="news-item-description">PHP 7 was officially released by the PHP team on Dec 3rd, 2015. This post is meant to be a general guide for people who wish to know what PHP 7 is about and what to expect when porting their code from PHP 5.5 to PHP 7.</p><a href="https://blog.kaltura.com/announcing-kaltura-support-for-php7/" class="readmore-text-link">READ MORE</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-col w-col-5 w-col-stack twitter-column">
<h1 class="section-headings news_twitter">Twitter Feed</h1>
<div class="twitter-wrapper">
<div class="w-embed w-script twitter-html"><a class="twitter-timeline" data-chrome="noheader nofooter noborders noscrollbar transparent" data-tweet-limit="5" href="https://twitter.com/Kaltura" data-widget-id="653985903887667200">Tweets by @Kaltura</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</div>
</div>
</div>
</div>
</div>
</div>