Tuesday, November 24, 2009

thanks

Thanks for all the suggestions about how to embed sound in a picture. I'll try a couple of them tomorrow. About half of you suggested Flash. I'm not sure how that helps. I don't want to make an animatic and then have to upload that to youtube or something and then link back to my blog. Too many steps for me and for the reader.

I just want separate pictures that scroll exactly like they do now, except that I want you to be able to click them and hear the sound-without going to another page and interrupting the flow of the story.

Like a talking comic strip that you read (listen to) at your own pace.

Something simple and fast to do. I'm gonna try Sean's suggestion first.

14 comments:

gabriel said...

hi john, do you try divshare.com is like youtube with support for audio only

the player is small and can be in the foot of the picture.

this is a sample http://octoberlechat.blogspot.com/2008/02/octubres-musicales.html

sorry for my english

Kevin Schmit said...

Hey John,

Are all these Kaspar drawings part of a project you're working on or are they just fun doodles? The world needs another Ren and Stimpy!

lastangelman said...

How did you do the talking web comic book of George Liquor and the foul mouthed bass back in the day?

störie said...

hei!
i actually had some spare time, so i allready made you a nice little flashbased picture-mp3player-combination.

my way of saying thank you for a ren and stimpy centered childhood.

if you send me an emailadress to mine ( stoerie@stoeriestories.de ) i´ll send you the data and "manual" :)

David said...

----

Flash movies (.swf files) are directly embeddable in your blog post (no links to youtube, etc. needed).

http://www.aleosoft.com/flashtutorial_blogger.html

There are a lot of other tutorials out there if you search for "embed flash in blog". I think the tricky part is to find the correct html embed code that allows the flash movie to not automatically start playing every time the page loads (which would be annoying) but only starts to play if the reader clicks on it.

I don't know why you couldn't just do the same with embedded Quicktime movies although the QT's will tend to be larger files and take up more space on your server.


"About half of you suggested Flash. I don't want to make an animatic and then have to upload that to youtube or something and then link back to my blog. I just want separate pictures that scroll exactly like they do now, except that I want you to be able to click them and hear the sound-without going to another page and interrupting the flow of the story."

Bader said...

try this
http://forum.codecall.net/html-programming/19493-play-sound-click.html

didnt try it myself but i think it should work. flash might be too annoying, if you get something like this to work, it might be easier from the users perspective. from ur side i think both ways will take some time to setup.

ps. im a secret follower of ur blog incase ur wondering who i am :)

Notelgge said...

What do you think about Winsor McCay? I haven't seen you mention him on this site.

LeoBro said...

>That's not bad. Does it take fifty steps to do?
Not fifty, but maybe a few more than you want. After you add all your images like you have already been doing, the steps are:

1. Record the audio clips and save them as .mp3

2. Upload them on a separate server and figure out the "http://...." link to each of them.

3. In the Blogger editor, click the "Edit HTML" tab. This is where it gets scary if you're not used to it. HINT: Don't look at the details, look at the shapes. (Sound familiar?)

4. Under the HTML for each picture, paste a little bit of code (I won't be able to paste it in this comment in a way where you could read it, but I can give it to you), changing the link in the code so that it points to the audio clip on the other server.

>How did you record it?
There's a free audio recording program called LAME, but I use Sony Vegas Audio Studio 'cuz it's easier. Like $80. (I'd get one of these whiz kids to help you.)

RooniMan said...

How much more can Porky be mangled?

smackmonkey said...

Well, share the info when you figure out how to do it. Could be useful for a lot of folks.

Sean Volpicella said...

Hi John, I figured out how to show code without executing it and therefore without getting it blocked.

If you haven't done it already, just copy and paste this while in whenever you want a picture linking to a sound, replacing "mysound.mp3" and "mypicture.jpg", of course, with the actual pictures and sounds you want to use.

<a href="mysound.mp3"><img src="mypicture.jpg"></a>

Also, be sure to keep the quotes. Again, I hope this helps.

Isaac said...

Hi John. There's a dead simple application called Podcast Maker. Costs $30, but you can try it out for free for a month. You just record your audio, mark the "Enhanced Podcast" checkbox, and arrange your images on the audio timeline. Here's part of your Cans Without Labels pitch: Cans Without Labels.

You can publish these on the iTunes store, too.

Isaac said...

Oh, you add the images by clicking on the "chapters" button and dragging them into the list.

störie said...

heeheh...
in case you´re shy, you, or anyone else who wants to use it, can download the files here : http://www.stoeriestories.de/test/forJohnK.rar

enjoy!