The concept of Jing is the always-ready program that instantly captures and shares images and video…from your computer to anywhere.

Video - Creating your own Share and Embed code

Posted on Friday January 18, 2008 by Anton Bollen

Hello! Remember the awesome tutorial on writing your own Share and Embed code that Matt Dyer created back in November? We now have a video tutorial that goes along with it; I'm hoping it will clarify some of the steps involved in creating your own Share and Embed code.

Enjoy the video - it runs just under 5 minutes:

This is my first Jing Blog post, but I'm sure there will be more. If you have any suggestions for additional Jing videos, just comment on this blog and I'll consider them when I make the next video. Thanks... and until next time.

Comments (11)

Anton :

Hello,
First of all thank you for your feedback. Let me address the questions you brought up:

* why do you use mixed CASE in the embed tag?
I used mixed case in my embed tag to help that part of the tag stand out as I talk about it, and also to differentiate it from the "height" and "width" parameters. I also wanted to stay consistent with the article on the blog.

* why don't you use "" around the size parameters?
Hmm, that's a good question. I wasn't sure if I needed them, so I tried it without "" and it worked, so I simply went with it.

* why don't you close the embed element?
I left the embed element open because I was still going to add the height and width tags. If you watch the video again, you can see that I close the embed element at the very end. I have to admit that it's not very clear and that I probably should have closed the element first, and then inserted the height and width tags afterwards.

* why do you only use embed and not both embed and object? (esp. since object is the preferred tag here)
The embed code generated for screencast.com looks fine.

I tried to keep the embed code as simple as possible to demonstrate the feature. Since everybody has their own needs when it comes to embedding video, I didn't want to throw too many confusing elements in the mix. Chances are that most people using the "Create your own Embed Code" feature will create code using both embed and object, but again I tried to keep it simple for demonstration purposes.

* The resizing SWF issue you mentioned
Videos can't be resized by changing the parameters the way you can resize images. It's unfortunate, but that's just a limitation of videos. The videos therefore get cut off instead of scaled.


I hope all this made sense and clarified some things. I really appreciate your feedback - comments like that make you think about the way you present concepts and you can learn from it for future videos.

Quote floater
Millionder :

Super !!! Can't wait to get use to using Jing !

Quote floater
Gokalp :

To create this video tutorial did you use anything else other than Jing? Can all be done with Jing? I am particularly interested in annotations in the video.
Thanks, Gokalp

Quote floater
Anton :

Hi Gokalp!
Thanks for your feedback;
The video was recorded and edited with Camtasia Studio, one of the other screen recording tools that TechSmith makes.
Camtasia Studio is great for making more professional video tutorials because you have tons of editing, resizing and annotation options, which is why I like using it.
Video capture in Jing on the other hand doesn't have any editing options, but is much faster and easier to use, which is great for quickly conveying a concept or showing something.

I hope that makes sense, and thanks for using Jing!

Quote floater
Anton :

Hey Tom -

The videos are hosted on screencast.com, which automatically adds the large white click-to-play arrow at the beginning of your video.
Jing videos are also hosted on screencast.com, which is why they look similar.

The format I used for my videos is Express Show, but the click-to-play feature should work with most other Flash formats (I tested One Show and FLV, and both worked).

So, the white arrow is a screencast.com related feature; and I don't think there is a way to get the same effect on your local hard drive or if the video is hosted on another page.

And to the resizing question: SWFs can not be scaled, so resizing a video would basically require us to reproduce the video at the smaller dimension. It would be difficult to provide that feature along with instantaneous encoding, so you wouldn't be able to upload and share your video right away but you would have to wait for it reproduce in the new dimensions. And that kind of defeats the idea of quick-n-easy capture.

Hope all that makes sense. And thanks for using Jing!

Quote floater
Anonymous :

incredible... can it be THAT easy? I'll try JING out and let you know SOON! Tschuess...
by the way... have you've been to my backyard? (Amsterdam), the overgrown picture of the bike was definitely taken there.

Quote floater
Anton :

Yes, Jing is really easy (at least that's what we aim for).
And wow, I'm amazed that you recognized the bike. I took that picture last summer near Vondelpark.
Hope you like Jing. Tschüss!

Quote floater
Ben :

Hi there,
Can you please tell me how to 'unmute'.
I want to record my screen and talk through what I am doing. My internal computer mic is on and the volume is up but jing tells me I am muted.
I am running a mac book! Can anyone please help.
Thank you
Ben

Quote floater
Acai :

The video embed feature is awesome -- but if I want to put a video on my blog, with a max width of 550, then I have to do my recording that size which is very small and I can't show the user my entire screen. Is there going to be a way to scale the videos down to the popular 640x480 size so I can record a video of my entire screen?

Quote floater
Mike Curtis, TechSmith :

Hello Acai,
We hope (keyword hope) that the videos will scale automatically in the next release such that you could record at larger dimensions and they will scale to fit in your blog. The viewer could then watch the scaled version or expand the video to original size as desired. Thanks for trying Jing!

Mike Curtis, TechSmith

Quote floater

this is an amazing tool for making videos in minutes. thanks so much!

now is there anyway to post the on youtube.com?

Paul
internet marketing coach
http://www.HotWebMarketingTools.com

Quote floater

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)


Can't read image


Type the characters you see in the picture above.

Currently Reading:
“Video - Creating your own Share and Embed code”

This page contains a single entry from The Jing Blog posted on January 18, 2008 3:02 PM.


Previous entry:
Jing and Flickr.

Next entry:
Jing for Mac - Version 1.4 Update 3.


All recent entries can be found on the main page or by looking through the archives.