Animated pictures; FPS counter

This commit is contained in:
Caesar2011
2016-09-13 16:11:01 +02:00
parent f99b8dab83
commit 449060a463
17 changed files with 220 additions and 57 deletions

View File

@@ -0,0 +1,138 @@
<!doctype html>
<html>
<head>
<title>Imgur</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="copyright" content="Copyright 2016 Imgur, Inc." />
<meta id="viewport" name="viewport" content="width=1280, user-scalable=yes" />
<link rel="stylesheet" type="text/css" href="//s.imgur.com/min/sharePlayer.css?1473720239" />
<style type="text/css">
#content, #video {
width: 1280px;
height: 720px;
}
#chrome, #progress {
width: 1280px;
}
</style>
<link rel="alternate" type="application/json+oembed" href="http://api.imgur.com/oembed.json?url=http://i.imgur.com/9C2DZaI.gifv" title="Imgur GIF" />
<link rel="alternate" type="application/xml+oembed" href="http://api.imgur.com/oembed.xml?url=http://i.imgur.com/9C2DZaI.gifv" title="Imgur GIF" />
<link rel="canonical" href="http://i.imgur.com/9C2DZaI.gifv" />
<meta property="og:site_name" content="Imgur" />
<meta property="og:title" content="Imgur GIF" />
<meta property="og:type" content="video.other" />
<meta property="og:url" content="https://i.imgur.com/9C2DZaI.mp4" />
<meta property="og:image" content="https://i.imgur.com/9C2DZaIh.jpg" />
<meta property="og:description" content="Imgur: The most awesome images on the Internet." />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />
<meta property="og:video" content="https://i.imgur.com/9C2DZaI.mp4" />
<meta property="og:video:secure_url" content="https://i.imgur.com/9C2DZaI.mp4" />
<meta property="og:video:type" content="video/mp4" />
<meta name="twitter:site" content="@imgur" />
<meta name="twitter:domain" content="imgur.com" />
<meta name="twitter:app:id:googleplay" content="com.imgur.mobile" />
<meta name="twitter:card" content="player" />
<meta name="twitter:title" content="Imgur GIF" />
<meta name="twitter:description" content="Imgur: The most awesome images on the Internet." />
<meta name="twitter:image" content="https://i.imgur.com/9C2DZaIh.jpg" />
<meta name="twitter:player" content="https://i.imgur.com/9C2DZaI.gifv?twitter#t" />
<meta name="twitter:player:width" content="1280" />
<meta name="twitter:player:height" content="720" />
<meta name="twitter:player:stream" content="https://i.imgur.com/9C2DZaI.mp4" />
<meta name="twitter:player:stream:content_type" content="video/mp4">
<!--[if lte IE 8]><script type="text/javascript" src="//s.imgur.com/min/iepoly.js?1473720239"></script>
<![endif]-->
</head>
<body id="body">
<div id="content">
<script type="text/javascript">
window.image = '9C2DZaI';
window.image_size = '30908885';
window.image_width = '1280';
window.image_height = '720';
window.cdn_url = '//i.imgur.com';
if(navigator.userAgent.match(/Firefox/)) {
document.body.className = document.body.className + ' firefox';
}
</script>
<div class="vid-container">
<div class="post-image">
<div class="video-container">
<script type="text/javascript">
var videoItem = {
looping: true,
width: 1280,
height: 720,
size: 30908885,
gifUrl: '//i.imgur.com/9C2DZaI.gif',
forceGif: false,
prefer_video: true,
hash: '9C2DZaI'
}
</script>
<video poster="//i.imgur.com/9C2DZaIh.jpg" preload="auto" autoplay="autoplay" muted="muted" loop="loop" webkit-playsinline></video>
<div class="video-elements">
<source src="//i.imgur.com/9C2DZaI.mp4" type="video/mp4">
</div>
<progress value="0" max="100" min="0"></progress>
<div class="video-loader"></div>
<script id="script9C2DZaI" type="text/javascript" src="//s.imgur.com/min/imageViewerInline.js?1473720239"></script>
<meta itemprop="thumbnailUrl" content="https://i.imgur.com/9C2DZaIh.jpg" />
<meta itemprop="contentURL" content="https://i.imgur.com/9C2DZaI.mp4" />
<meta itemprop="embedURL" content="https://i.imgur.com/9C2DZaI.gifv" />
</div>
</div>
</div>
<script type="text/javascript">
var pixel_url = '//i.imgur.com/imageview.gif?a=9C2DZaI&r=' + encodeURIComponent(document.referrer);
var pixel = document.createElement('img');
pixel.src = pixel_url;
</script>
<div id="chrome">
<div class="icon">
<a href="//imgur.com/9C2DZaI"><img src="//i.imgur.com/favicon.ico" /></a>
</div>
<div class="imgur">
<a href="//imgur.com/9C2DZaI">Imgur</a>
</div>
<div class="controls">
<a href="//imgur.com/download/9C2DZaI">download</a>
</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript" src="//s.imgur.com/min/sharePlayer.js?1473720239"></script>
<script type="text/javascript">
var _comscore = _comscore || [];
_comscore.push({ c1: "2", c2: "7770950" });
(function() {
var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true;
s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js";
el.parentNode.insertBefore(s, el);
})();
</script>
<noscript>
<img src="http://b.scorecardresearch.com/p?c1=2&c2=7770950&cv=2.0&cj=1" />
</noscript>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

BIN
img/foregrounds/surfing.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 743 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB