GifMovie site

I am trying to make a plugin that will:

  1. add sounds to a gif
  2. present a gif as a ‘movie’ starting and stopping on a click.

I do not really know what I am doing. I have seen a few plugins that ‘freeze’ a gif until clicked, they seem to generate a jpg from the the gif. The approach here is different:

  1. A shortcode [gifmovie gif=’gif-url’ mp3=’mp3-url’]eg: [gifmovie gif='http://38.media.tumblr.com/5704f412385f040cb6c7e232519867c7/tumblr_npstce4Hpp1rggurro1_500.gif' mp3='http://freesound.org/data/previews/157/157873_2836235-lq.mp3']
  2. The short code adds the gif with a class of gifmovie and an attribute of mp3
  3. Javascript then adds a canvas element, put a frame from the gif on and a play button, it hides the gif. Adds an audio element for the mp3. Clicking hide canvas, shows gif and play audio.

 

ScotEduBlogs is an aggregation of Scottish Educational Blogs.

If you blog about education in Scotland you can Submit Your blog to ScotEduBlogs.

If you use an RSS aggregator you can subscribe to all of the Entries.

You can read more About ScotEduBlogs on the site itself.

Here are the last few posts on the SEB stream:

 

  • by NomadWarMachine
    I’ve been thinking about mum a lot this weekend  – maybe because it was Mothering Sunday yesterday – although as my mother’s daughter I know better than to call it Mother’s Day and be confused about […]
  • by NomadWarMachine
    Today is Vincent van Gogh’s birthday, and the Daily Create asks us to create art appropriate for a birthday card. I began with a sunflower I’d drawn sunflower flickr photo by NomadWarMachine shared under a Creative […]
  • by NomadWarMachine
    83/365 Two Swans a swimming flickr photo by NomadWarMachine shared under a Creative Commons (BY-NC-SA) license
  • by NomadWarMachine
    Yesterday’s Daily Create was about boundaries, and I was thinking about what my response would be as I was walking up to a Uni meeting yesterday morning. First, as I got off the bus and started […]
  • by goodenoughmum
    We’ve watched Adolescence.  We’ve been telling you for 10 years. 20 years. 30 years. 100 years.  We’ve birthed them and seen them get out the other side.  And the ones who didn’t. We know it’s not […]