Skip to content
Commits on Source (3)
Hide whitespace changes
Inline Side-by-side
www.videolan.org/vlc/releases/3.0.0.php
View file @ 89df0aca
......@@ -108,6 +108,7 @@
}
.subtext { position: relative; top: -20px; left:250px; width: 400px; text-align: center; }
.subtext2 { position: relative; top: -20px; width: 100%; text-align: center; }
</style>
<script>
......@@ -131,7 +132,7 @@
callback: {
complete: function(number) {
var selector = "#text_" + number;
$(".subtext").css("display", "none");
$(".subtext2").css("display", "none");
$(selector).css("display", "block");
}
}
......@@ -139,7 +140,8 @@
});
</script>
<div style="width: 940px; margin: 0 auto;">
<div class="container">
<div class="row col-md-12">
<div id="slides" style="margin: 0 auto;">
<img src="/vlc/releases/3.0.0/carousel-3.0-4k.jpg">
<img src="/vlc/releases/3.0.0/carousel-3.0-hdr.jpg">
......@@ -148,15 +150,18 @@
<img src="/vlc/releases/3.0.0/carousel-iphone10-1.jpg">
<img src="/vlc/releases/3.0.0/carousel-3.0-xbox.jpg">
</div>
<h2 class="subtext" id="text_1">Hardware accelerated decoding for HD and UHD</h2>
<h2 class="subtext" style="display: none;" id="text_2">Supports HDR and HDR tone-mapping</h2>
<h2 class="subtext" style="display: none;" id="text_3">360° video navigation</h2>
<h2 class="subtext" style="display: none;" id="text_4">Chromecast streaming</h2>
<h2 class="subtext" style="display: none;" id="text_5">Optimized for iPhone X</h2>
<h2 class="subtext" style="display: none;" id="text_6">Faster version for UWP and XBox One</h2>
</div>
<div class="row col-md-12">
<h2 class="subtext2" id="text_1">Hardware accelerated decoding for HD and UHD</h2>
<h2 class="subtext2" style="display: none;" id="text_2">Supports HDR and HDR tone-mapping</h2>
<h2 class="subtext2" style="display: none;" id="text_3">360° video navigation</h2>
<h2 class="subtext2" style="display: none;" id="text_4">Chromecast streaming</h2>
<h2 class="subtext2" style="display: none;" id="text_5">Optimized for iPhone X</h2>
<h2 class="subtext2" style="display: none;" id="text_6">Faster version for UWP and XBox One</h2>
</div>
<a id='downloadButton' href='#download' style="margin-left: 300px; margin-top: 20px;">
<div class="row col-md-offset-4 col-md-4">
<a id='downloadButton' href='#download' style="margin-top: 0px;">
<img style='position: absolute; top: -10px; left: -10px;' src='/images/downloadVLC.png' alt='Download VLC icon' />
<span class='downloadText'><?php echo _("Get VLC now!"); ?></span>
<span id='downloadDetails' style='font-size: 12px; color: white;'>
......@@ -174,32 +179,48 @@
});
</script>
</div>
</div>
</div>
<div class="clearme" style='padding-top: 10px;'>
<div class="container">
<div class="clearme" style='padding-top: 30px;'>
<div style='float: left; width: 600px;'>
<h1 style='margin-bottom: 12px;'><?php echo _("3.0 Highlights"); ?></h1>
<div class='projectDescription' style="width: 600px;">
<div style="padding-bottom: 8px;">VLC 3.0 "Vetinari" is a new major update of VLC.</div>
<div>VLC 3.0 activates hardware decoding by default, to get <a href="https://vimeo.com/254723528">4K and 8K playback!</a></div>
<div>Supports 4K, 10bits and HDR</div>
<div>Playback 360 video and 3D audio, up to Ambisoncics 3rd order</div>
<div>Allows passthrough for HD audio codecs</div>
<div>Can stream to Chromecast devices, even in formats not supported natively</div>
<div>Can play Blu-Ray Java menus: BD-J</div>
<div>VLC supports browsing of local network drives and NAS</div>
<div>Support for more formats and faster seeking</div>
<div>New subtitles renderer support Complex Text Scripts and Fonts fallback</div>
<div style="float: right; margin-top: 10px">Read the complete <a href="/developers/vlc-branch/NEWS"/>Changelog</a>.</div>
</div>
<section>
<div class="container">
<div class="row col-md-12">
<h1 style='margin-bottom: 12px;'><?php echo _("3.0 Highlights"); ?></h1>
</div>
<div class="row projectDescription" style="width:100%">
<div class='col-md-8'>
<ul>
<li style="padding-bottom: 8px;">VLC 3.0 "Vetinari" is a new major update of VLC.</li>
<li>VLC 3.0 activates hardware decoding by default, to get <a href="https://vimeo.com/254723528">4K and 8K playback!</a></li>
<li>It supports 10bits and HDR</li>
<li>VLC supports 360 video and 3D audio, up to Ambisoncics 3rd order</li>
<li>Allows passthrough for HD audio codecs</li>
<li>Can stream to Chromecast devices, even in formats not supported natively</li>
<li>Can play Blu-Ray Java menus: BD-J</li>
<li>VLC supports browsing of local network drives and NAS</li>
<li>Read the <a href="/press/vlc-3.0.0.html">Press release</a> and the <a href="/developers/vlc-branch/NEWS"/>Changelog</a>.</li>
</ul>
</div>
<div class='col-md-4'><?php image( 'largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'projectImg' ); ?></div>
</div>
<div style='float: left; width: 200px;'><?php image( 'largeVLC.png', 'Large Orange VLC media player Traffic Cone Logo', 'projectImg' ); ?></div>
</div>
</div>
</section>
</div>
<section class="bg-gray" style='padding-top: 30px;'>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 style='margin-bottom: 12px;'> 3.0 <?php echo _("Features"); ?></h1>
</div>
</div>
<div style='float: left; width: 480px; margin-bottom: 25px;'>
<div class="row">
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Core"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -215,8 +236,7 @@
</div>
</div>
</div>
<div style='float: left; width: 480px;'>
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Acceleration"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -232,8 +252,10 @@
</div>
</div>
</div>
</div>
<div class="clearme" style='float: left; width: 480px; margin-bottom: 20px;'>
<div class="row">
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Codecs"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -251,7 +273,7 @@
</div>
</div>
</div>
<div style='float: left; width: 480px;'>
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Containers"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -265,8 +287,10 @@
</div>
</div>
</div>
</div>
<div class="clearme" style='float: left; width: 480px; margin-bottom: 20px;'>
<div class="row">
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Video outputs and filters"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -285,8 +309,7 @@
</div>
</div>
</div>
<div style='float: left; width: 480px;'>
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Audio outputs and filters"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -304,8 +327,10 @@
</div>
</div>
</div>
</div>
<div class="clearme" style='float: left; width: 480px; margin-bottom: 20px;'>
<div class="row">
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("OS Versions"); ?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -322,8 +347,7 @@
</div>
</div>
</div>
<div style='float: left; width: 480px;'>
<div class="col-md-6">
<div class='audienceCallout'><?php echo _("Android specific")?></div>
<div class='clearme'>
<div class='productDescription'>
......@@ -338,8 +362,10 @@
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Downloads -->
<div class="container">
......

VideoLAN code repository instance