{"id":2202,"date":"2011-08-05T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/johnjohnston.info\/blog\/?e=2202"},"modified":"2017-02-05T11:27:37","modified_gmt":"2017-02-05T11:27:37","slug":"mapping-iphone-video","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/blog\/mapping-iphone-video\/","title":{"rendered":"Mapping iPhone Video"},"content":{"rendered":"\n

I’ve blogged<\/a> before about the wonderful Hmsg Spiral Map<\/a> a project that combines video, audio and google maps into a mesmerising meditative experience.<\/p>\n

Recently I noticed that iPhoto shows the location of videos as well as audio which got me thinking a wee bit. I checked out a few exif tools and found that the location was stored in exif data in the same way as photos.<\/p>\n

I already had made some crude tools<\/a> to map walks<\/a> on google maps and made an odd foray into adding sounds to the photos: burn<\/a>, so though I might be able to knit together some video and maps.<\/p>\n

After a few false starts I manage to do this:<\/p>\n

\"Loch<\/a>
A Loch Humphrey Walk<\/a><\/p>\n

This is a webpage that shows a series of videos with a couple of maps pointing to the location the video was shot at. When one video ends the next is automatically loaded. You can jump around by clicking the numbers.It information: videos urls, locations and time shot is stored in an xml file, this is loaded by some javascript (jquery<\/a>)<\/p>\n

\"Bideomapfolder\"<\/p>\n

The list of movies and locations are loaded from an xml file that is a very simple list:
<item><file>loch_humprey_02.m4v<\/file><loc>55.9323,-004.4594<\/loc><dc> 2011:08:02 21:27:10<\/dc><\/item><\/em>
I though xml was a good idea as it would allow reuse to display the movie in different ways. As the movies are shown the location is used to show a couple of images using the google maps static api<\/a>. This first Video Map Experiment<\/a> was cobbled together using a couple of command line tools (pcastaction, built into Mac OS X and ExifTool by Phil Harvey<\/a>). I am not knowledgeable about shell stuff but it can often help do interesting things and once you figure it out is easy to reuse.<\/p>\n

After a couple of tries I’ve made a Supercard<\/a> project that sorts this all out, here is what I did to make the A Loch Humphrey Walk<\/a><\/p>\n

    \n
  1. Take videos on iPhone<\/li>\n
  2. Trim on iPhone<\/li>\n
  3. import into iphoto<\/li>\n
  4. Drag videos from iphoto on to a field in a SuperCard project I’ve made.<\/li>\n
  5. \tClick a button on said project which:\n
      \n
    1. Asks me to choose a folder<\/li>\n
    2. Gathers locations & date\/time from the video files<\/li>\n
    3. Makes a copy of videos in the folder, shrinking file size & dimensions (this take a few minutes)<\/li>\n
    4. Creates an xml file & and index.html file in the folder to show videos <\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

      \"Video<\/p>\n

      I then upload folder to server via ftp.<\/p>\n

      Getting the JavaScript stuff sorted out took me a wee while and quite a few wrong turnings, but it all seems to work on both Mac & Windows with FireFox, Safari or IE now. I started to write about the gory details in this post, but decided to split them off and I’ll put them up somewhere else sometime soon. I also hope to make the Supercard<\/a> Project available for anyone who is interested. (If you want to see an early version let me know)<\/p>\n

      I hope this could be an interesting way to tell a story, record a trip or describe a place. I’d be interested to know what other folk think.<\/p>\n","protected":false},"excerpt":{"rendered":"

      I’ve blogged before about the wonderful Hmsg Spiral Map a project that combines video, audio and google maps into a mesmerising meditative experience. Recently I noticed that iPhoto shows the location of videos as well as audio which got me thinking a wee bit. I checked out a few exif tools and found that the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[19,200,45,86,197,154,84],"post_format":[],"class_list":{"0":"post-2202","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wwwd","7":"tag-googlemaps","8":"tag-gps","9":"tag-ios","10":"tag-iphone","11":"tag-maps","12":"tag-mashup","13":"tag-video","14":"kind-article","16":"h-entry","17":"hentry"},"better_featured_image":null,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p57zFQ-zw","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"kind":false,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=2202"}],"version-history":[{"count":1,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2202\/revisions"}],"predecessor-version":[{"id":4560,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2202\/revisions\/4560"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=2202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/categories?post=2202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/tags?post=2202"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/post_format?post=2202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}