Rob McGuire robatron

Making a Timelapse Video with a GoPro and a MacBook

Here are some details about how I made this timelapse video with a GoPro and a Mac. It wasn't as straight-forward as I thought it would be, so I wanted to share what I learned.

As you can see from the video, the subject was me building a wooden mechanical 3D puzzle which took me nearly 18 hours to build. I took a photo once every 5 seconds which yeilded more than 12.7k photos.

Ingredients

Here's what I used to make a timelapse video.

let timeBox = document.getElementsByClassName('c-timestamp');
let i = 0;
while(i < timeBox.length) {
    var date = new Date( timeBox[i].getAttribute('data-ts') * 1000);
    var dateFormate = date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate();
    dateFormate = dateFormate + '-' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();   
    var currentText = timeBox[i].getElementsByClassName('c-timestamp__label')[0].innerHTML;
    if (! currentText.includes(dateFormate)){
 timeBox[i].getElementsByClassName('c-timestamp__label')[0].innerHTML = currentText + ' (' + dateFormate + ')';

	<NotepadPlus>
	<UserLang name="TODO List" ext="todo" udlVersion="2.1">
	<Settings>
	<Global caseIgnored="no" allowFoldOfComments="no" foldCompact="no" forcePureLC="0" decimalSeparator="0" />
	<Prefix Keywords1="no" Keywords2="no" Keywords3="no" Keywords4="no" Keywords5="no" Keywords6="no" Keywords7="no" Keywords8="no" />
	</Settings>
	<KeywordLists>
	<Keywords name="Comments">00// 01 02 03/* 04*/</Keywords>
	<Keywords name="Numbers, prefix1"></Keywords>
	<Keywords name="Numbers, prefix2"></Keywords>