Skip to content

Instantly share code, notes, and snippets.

@KonradIT
Last active January 3, 2016 18:29
Show Gist options
  • Save KonradIT/8502199 to your computer and use it in GitHub Desktop.
Save KonradIT/8502199 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="es">
<head>
<title> GoPro Timelapse Maker </title>
<meta name="title" content="GP Timelapse">
<meta name="description" content="gopro.html timelapse maker is a html file that converts all the photo taken with a gopro hero camera with the timelapse feature." />
<meta property="og:title" content="GoPro Timelapse Maker"/>
<meta property="og:description" content="gopro.html timelapse maker is a html file that converts all the photo taken with a gopro hero camera with the timelapse feature."/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="img/logo.png"/>
<meta property="og:url" content="gopro.html"/>
<meta property="og:site_name" content="gopro.html timelapse maker"/>
<meta property="fb:admins" content="669930512" />
<link rel="image_src" type="image/png" href="img/logo.png">
<!--[if lt IE 9]> <script>document.createElement('header');document.createElement('nav');document.createElement('section');document.createElement('article');document.createElement('aside');document.createElement('footer');</script> <![endif]-->
<script> var lang = {"open_files":"Open Files","cancel":"Cancel","or":"or","converting_to":"Converting to","link":"URL","open":"Open","download":"Download","upload_error":"Upload error","max_filesize_warning":"The maximum weight ofthe file is {0} Mb. Your file has a weight of {1} Mb.","file_not_supported":"File not supported","press_to_bookmark":"Press {0} to add gopro.html to your bookmarks","uploading_files":"Uploading files","loading_0_files":"Loading {0} files...","creating_timelapse_from_0_files":"Creating timelapse from {0} images","images_fileinfo":"Images: {0}","create_timelapse":"Create timelapse","clear_images_confirm":"Are you sure you want to clear all uploaded images?","file_0_soundtrack":"Soundtrack: {0}","add_audio_for_soundtrack":"You can add audio to provide timelapse with a soundtrack"}; var max_file_size = 2147483648; var glob = {}; glob.dev_prefix = ''; var session_id = '2prlov66crbaiq8gmk9dbcanu5'; glob.s = '5'; var lang_id = 'es'; var site_id = 'timelapse'; var s_server_name = 's5.timelapse-maker.com'; var GOOGLE_CLIENT_ID = '16792777336.apps.googleusercontent.com'; </script>
<link rel="stylesheet" href="http://shared.s5.123apps.io/css/1.css?1cf4371" type="text/css"> <link rel="stylesheet" href="http://shared.s5.123apps.io/css/2.css?1cf4371" type="text/css"><link rel="stylesheet" href="/css/timelapse.css?1cf4371" type="text/css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><script src="http://s.s5.123apps.io/socket.io/socket.io.js"></script><script src="http://shared.s5.123apps.io/js/jquery-ui-1.10.3.custom.min.js"></script> <script src="http://shared.s5.123apps.io/js/1.js?1cf4371"></script> <script type="text/javascript" src="//apis.google.com/js/client.js?onload=open_from_drive"></script> <script src="http://shared.s5.123apps.io/js/2.js?1cf4371"></script><script type="text/javascript"> var shared_url = 'http://shared.s5.123apps.io';</script><script type="text/javascript" src="http://shared.s5.123apps.io/js/plupload/plupload.js"></script><script type="text/javascript" src="http://shared.s5.123apps.io/js/plupload/plupload.silverlight.js"></script><script type="text/javascript" src="http://shared.s5.123apps.io/js/plupload/plupload.flash.js"></script><script type="text/javascript" src="http://shared.s5.123apps.io/js/plupload/plupload.html4.js"></script><script type="text/javascript" src="http://shared.s5.123apps.io/js/plupload/plupload.html5.js"></script><script src="http://shared.s5.123apps.io/js/jcrop/jquery.Jcrop.min.js"></script><link rel="stylesheet" href="http://shared.s5.123apps.io/js/jcrop/jquery.Jcrop.css" type="text/css" /><link rel="stylesheet" href="http://shared.s5.123apps.io/css/jquery-ui-1.10.3.custom.css" type="text/css" /> <script src="/js/tlpse.js?1cf4371"></script></head><body class="timelapse es"> <div class="root_container"> <header class="root_header"> <table class="top_t"> <tr> <td class="col_1"> <a class="logo logo_timelapse" href="http://timelapse-maker.com/es/"> <div class="txt"> Online Timelapse Maker </div> <div class="beta">beta</div> </a> </td> <td class="col_2"> <div class="top_menu"> <a class="" href="http://mp3cut.net/es/">Cortar audio</a> <a class="" href="http://audio-joiner.com/es/">Combinar canciones</a> <a class="" href="http://online-audio-converter.com/es/">Convertir audio</a> <a class="" href="http://online-video-cutter.com/es/">Cortar vídeo</a> <a class="" href="http://convert-video-online.com/es/">Conversor de vídeo</a> <a class="" href="http://online-voice-recorder.com/es/">Grabador de voz</a> <a class="" href="http://webcamera.io/es/" rel="nofollow">Record Video</a><span class="new">New</span> </div> </td> <td class="col_3"> <a href="/es/help_us" class="item_help">Support&nbsp;Us</a> </td> <td class="col_4"> <div id="lang_link" class="lang_link lang_item_es"><div class="flag"></div><div class="lang_name">Español</div></div> </td> </tr> </table> </header> <section class="root_section"> <div class="padding"> <table class="sub_top_1" id="sub_top_1"> <tr> <td class="col_1"> <div class="sub_top_1_bg"> <div class="padding"> Timelapse Maker is a free web application that assembles a video from a sequence of photos taken within a certain interval. </div> </div> </td> <td class="col_2"> <div id="top_ad"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-9921473441708148" data-ad-slot="5809707870"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </td> </tr> </table> <div class="fl_1"> <div class="app_panel"> <div class="left_middle"> <div class="right_middle"> <div class="left_top"> <div class="left_bottom"> <div class="right_top"> <div class="right_bottom"> <div class="main_middle"> <div class="main_top"> <div class="main_bottom"> <div class="clear_margins"> <div id="screens_container"><div class="screen screen_1" id="screen_1"> <div class="step step_1"> <div class="circle_step txt_shadow_1 circle_step_1">1</div> <div id="uploader_state" class="default"> <div id="uploader_container"> <a class="button_1" id="uploader_button"> <div class="button_1_inner_1"> <div class="button_1_inner_2"> <div id="open_images_text">Abrir archivos</div> <div id="add_images_text">Add files</div> </div> </div> </a> </div> <div id="uploader_toolip" class="ui-tooltip ui-tooltip-uploader" style="display: none"> <div class="tooltip_uploader_arrow"></div> To speed up the uploading process it's recommended to reduce resolution of the images and compress them into an archive (zip, rar, 7z, etc.). <div class="line_1 label_click"> <input type="checkbox" name="resize_images_checkbox" id="resize_images_checkbox" value="1"><span class="label">Resize images before uploading</span> </div> </div> <div id="images_info" class="fileinfo fileinfo_images"> <div class="line_1"> <span class="filename">Images: {0}</span> <div class="close fileinfo_close" id="clear_images" title="Remove"></div> </div> <div class="line_2 file_details"></div> </div> <div id="sound_info" class="fileinfo fileinfo_sound"> <div class="line_1"> <span class="filename">You can add audio to provide timelapse with a soundtrack</span> <div class="close fileinfo_close" id="clear_sound" title="Remove"></div> <div class="line_2 file_details"></div> </div> </div> <div class="progress_bar_1" id="upload_progress_bar"></div> <div id="uploader"></div> </div> <div class="clear"></div> <div class="panel_line"></div> </div> <div class="step step_2"> <div class="initially_visible"> <div class="clear"></div> <div class="circle_step txt_shadow_1 circle_step_2" >2</div> <div class="settings"> <div class="settings_controls" > <div class="item item_quality"> <span class="label">Calidad:</span> <select name="quality" id="quality" > <option value="240p">240p</option> <option value="360p">360p</option> <option value="480p">480p</option> <option value="720p" selected>720p</option> <option value="1080p">1080p</option> </select> </div> <div class="item item_quality"> <span class="label">Frame rate:</span> <select name="framerate" id="framerate"> <option value="1">1 fps</option> <option value="5">5 fps</option> <option value="10">10 fps</option> <option value="15">15 fps</option> <option value="20">20 fps</option> <option value="25" selected>25 fps</option> <option value="30">30 fps</option> <option value="30">60 fps</option> </select> </div> <div class="checkboxes"> <div class="item item_crop label_click"> <input type="checkbox" name="crop_checkbox" checked id="crop_checkbox" value="1"><span class="label">Crop</span> </div> <div class="item item_deflicker label_click add_tooltip" title="Corrects frame by frame variations in lighting or in exposure that can lead to perceptible brightness fluctuations, or flicker."> <input type="checkbox" name="deflicker_checkbox" id="deflicker_checkbox" value="1"><span class="label">Deflicker</span> </div> </div> <div class="clear"></div> </div> <div id="timelapse_crop_areas"> <div class="crop_area" id="crop_area"> <div class="desc"> <div class="desc_crop">Select crop area</div> <div class="desc_motion_crop">Select animation start area</div> </div> <div class="img"></div> </div> <div class="crop_area crop_motion_area" id="crop_motion_area"> <div class="desc">Select animation end area</div> <div class="img"></div> </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="step step_3"> <div class="clear"></div> <div class="panel_line" id="panel_line_2"></div> <div class="clear"></div> <div class="circle_step txt_shadow_1 circle_step_3" >3</div> <div id="converter"></div> <div class="clear"></div> </div></div><div class="screen screen_2" id="screen_2"> <div class="padding"> <div class="progress_bar_1" id="convert_progress_bar"></div> </div></div><div class="screen screen_3" id="screen_3"> <div class="padding"> <table class="conv_t"> <tr> <td class="td_1"> <div class="text_1" id="file_ready_text" style="margin-top: 85px;"> Your timelapse is ready </div> <div class="text_1" id="files_ready_text" style="margin-top: 85px;"> Se ha completado la conversión de {0} archivos </div> <div class="download_box" id="download_box"> <div class="download_box_bg_1"> <div class="download_box_bg_2"> <iframe src="/download_iframe/" id="download_iframe" allowtransparency="true" frameBorder="0"></iframe> </div> </div> </div> <div class="clear"></div> <div id="save_methods_container"></div> <div class="text_2" id="files_ziped_label"> Se han comprimido los archivos para facilitar la descarga </div> <a href="#" id="convert_one_more_link" class="link_back dotted_link"> <span> Create another timelapse </span> </a> </td> <td class="td_2"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:250px;height:250px" data-ad-client="ca-pub-9921473441708148" data-ad-slot="2987991215"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </td> </tr> </table> </div></div> <div class="clear"></div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div><div class="clear"></div> </div> </div> <div class="clear"></div> </section> <div class="root_footer_push"></div> </div> <footer class="root_footer"> <table class="footer_t"> <tr> <td class="col_1"> <div class="logo_s"><a target="_blank" href="http://123apps.io">123apps.io</a></div> <div class="logo_desc">Free Online Multimedia Software</div> <div class="copyright">&copy; 123apps LLC, 2012&ndash;2014.</div> </td> <td class="col_2"> <ul class="link_list_1"> <li><a href="http://mp3cut.net/es/">Cortador de audio online</a></li> <li><a href="http://audio-joiner.com/es/">Unir audio online</a></li> <li><a href="http://online-audio-converter.com/es/" class="active">Conversor de audio online</a></li> <li><a href="http://convert-video-online.com/es/">Conversor de vídeo online</a></li> <li><a href="http://online-video-cutter.com/es/">Cortador de vídeo online</a></li> <li><a href="http://online-voice-recorder.com/es/">Grabador de voz online</a></li> </ul> </td> <td class="col_4"> <a class="h1" href="/es/contacts">Contactos</a> <div class="desc">Ponte en contacto con nosotros para cualquier cuestión sobre asociación o asistencia.</div> </td> </tr> </table> </footer> <div class="lang_panel" id="lang_panel"> <div class="lang_panel_top"></div> <div class="lang_panel_main"> <table class="lang_t" id="lang_t"> <tr> <td> <a href="/es/" class="lang_item lang_item_es lang_item_browser" data-lang_id="es"><div class="flag"></div>Español</a> </td> <td> <a href="http://timelapse-maker.com/" class="lang_item lang_item_en" data-lang_id="en"><div class="flag"></div>English</a> </td> </tr><tr> <td> <a href="/pt/" class="lang_item lang_item_pt" data-lang_id="pt"><div class="flag"></div>Português</a> </td> <td> <a href="/it/" class="lang_item lang_item_it" data-lang_id="it"><div class="flag"></div>Italiano</a> </td> </tr><tr> <td> <a href="/de/" class="lang_item lang_item_de" data-lang_id="de"><div class="flag"></div>Deutsch</a> </td> <td> <a href="/fr/" class="lang_item lang_item_fr" data-lang_id="fr"><div class="flag"></div>Français</a> </td> </tr><tr> <td> <a href="/ru/" class="lang_item lang_item_ru" data-lang_id="ru"><div class="flag"></div>Русский</a> </td> <td> <a href="/pl/" class="lang_item lang_item_pl" data-lang_id="pl"><div class="flag"></div>Polski</a> </td> </tr><tr> <td> <a href="/tr/" class="lang_item lang_item_tr" data-lang_id="tr"><div class="flag"></div>Türkçe</a> </td> </tr> </table> </div></div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-33261863-13', 'timelapse-maker.com'); ga('send', 'pageview');</script><iframe id="upload_iframe" name="upload_iframe" src="/_blank/" style="display: none"></iframe><div id="confirm_gdrive_auth_modal" class="lean_modal"> <div>Please authorize <span class="nobr"><strong>Online Timelapse Maker</strong></span> to work with your <span class="nobr">Google Drive</span></div> <div><input type="button" class="input_button" id="confirm_gdrive_auth_link" value="OK" /></div></div><div class="open_methods save_methods" id="save_methods"> <div id="save_states" class="state_initial"> <div class="initial"> <div class="txt">Save to</div> <a href="#" class="item item_drive" id="save_to_drive">Google Drive</a> <a href="#" class="item item_dropbox" id="save_to_dropbox">Dropbox</a> <div class="clear"></div> </div> <div class="progress">Saving to <span class="cloud_type">Google Drive</span>: <span class="progress_value">0%</span></div> <div class="done">File was saved to <span class="cloud_type">Google Drive</span></div> </div> </div></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment