contextual-video-search

Application Concept

Contextual live? (Youtube) video search with world map (time/location/"trending")

• https://projects.invisionapp.com/share/PG1MDIFF9

---

Inspirations/Tutorials

• Geocoding

• https://developers.google.com/maps/documentation/javascript/geocoding

• https://www.mapbox.com/developers/api/geocoding/

• https://github.com/youtube/geo-search-tool

• Free Base Topics

• https://developers.google.com/youtube/v3/docs/search/list#topicId

• https://www.freebase.com/

• http://tesladocet.com/programming/freebase-semantic-web-app-google-semantic-search/

• Youtube Player API

• http://css-tricks.com/play-button-youtube-and-vimeo-api/

• Node.js

• http://howtonode.org/how-to-install-nodejs

• https://devcenter.heroku.com/articles/getting-started-with-nodejs#deploy-the-app

• Node.js Wrappers

• https://www.npmjs.org/package/mapbox

• https://www.npmjs.org/package/node-sass

• https://www.npmjs.org/package/youtube-api

• SASS

• http://www.zingdesign.com/the-sass-and-compass-tutorial-for-absolute-beginners/

• http://compass-style.org/reference/compass/utilities/sprites/

• http://sass-lang.com/guide

• http://hugogiraudel.com/2013/08/08/advanced-sass-list-functions/

• Github + Getting Started

• git remote add origin

• git remote add heroku [email protected]:.git

• git pull origin master

• git add filename.xyz

• git add -A

• git add . --force

• git commit -m "message"

• git push origin master

• git push heroku master

• Heroku https://dashboard-next.heroku.com/apps

• http://nodejs.org/

• https://devcenter.heroku.com/articles/getting-started-with-nodejs#view-logs

UI Notes

• Color schemes (need to look good): Adobe Kuler https://color.adobe.com/
• FontAwesome for “Web 2.0” fonts
• Reference: http://quizlet.com/ map
• Rashomon style video http://rieff.ieor.berkeley.edu/rashomon/
• Stream video from Youtube (or alternatively, Twitch supports real time streaming; if no real time streaming, check out vid.me for anonymous videos)
• Use Mapbox for maps (zoom, heat map, hot spots)
• https://www.mapbox.com/tilemill/docs/manual/interface-tour/
• https://www.mapbox.com/blog/mapbox-fusion-tables-drones/
• Otherwise, possibly Google Maps API is good enough
• http://snazzymaps.com/?page=3 custom designs
• http://rastrack.co.uk/ Raspberry Pi tracker
• Larger spots → more streams (front); different colors correspond to different event start time
• Only up to 24 hours on live map (?)
• Zoom in max: hot spots grouped by City + Hashtag + Day
• Hovering over hot spots causes them to glow
• Display up to 5 videos simultaneously (drag + drop)
• Search can be City, Hashtag, Date, etc. -- no order required, comma separated, hashtag requires # in query
• Best way to store/display real-time geo data; access MySQL database to update hot spots on the fly?
• Android: use Youtube Livestream API to setup Livestream (instead of manually doing it now)
• Already signed into Google?
• Display streams based off of # of views + # of streams @ event (for search)
• Secret pi stream identifier (for sending video through 1 out of many phones)
• When stream starts, add to group {city+hashtag+date}
• Field: Time_start
• Field: Time_stop (blank until exits)
• Sort by earliest start time

Node.js + Heroku Tutorials

• http://qiita.com/ta9to/items/3cf49726b9636c8f0c0c

Heroku Specific

• git init
• .gitignore --> directory name
• git add .
• git commit -m "test"
• heroku create
• git push heroku master
• heroku open
• Procfile starts application specified (web: node app.js)
• Can run locally via node app.js

Pi Web Socket

• http://www.jaredwolff.com/blog/raspberry-pi-getting-interactive-with-your-server-using-websockets/
• http://www.raspberrypi.org/forums/viewtopic.php?f=28&t=75037
• web browser only

Setting up POSTGRESQL on HEROKU

• server.js; index.html; package.json (needed for node.js to specify dependencies)
• npm install
• Procfile contains server process needed to get running
• foreman start
• listening @ localhost:5000
• git init
• git add .
• git commit -m "msg"
• heroku create
• heroku config (check)
• heroku addons:add heroku-postgresql:hobby-dev
• git push heroku master
• heroku open
• can include node_modules in .gitignore
• heroku pg:psql
• create table post(body text); ---- create table table_name(field field_type, field field_type); -- integer, text, etc.
• insert into post values ('hello');
• \q

= Google Talk =

• Alternatives: Twitter
• http://solvingmytechworld.blogspot.com/2013/01/gtalk-notifications-from-raspberry-pi.html
• http://www.raspberrypi.org/forums/viewtopic.php?f=29&t=44783

= RTMP Android =

• http://stackoverflow.com/questions/15571571/how-to-stream-rtmp-live-video-in-android

= Pi Dynamic DNS =

• http://www.element14.com/community/community/raspberry-pi/blog/2012/07/26/dynamic-dns--open-up-your-pis-webserver-to-the-world
• http://thefloppydisk.wordpress.com/2013/05/08/how-to-build-a-restful-web-api-on-a-raspberry-pi-in-javascript/

code()