26Blog

HOWTO: Stream Your User Group Meetings

Tue, 20 Jul 2010 15:07:41 -0400

This should help anyone who wants to get a simple public live stream setup for a meeting of any type and record segments for future use. These instructions are Mac specific.

I’ve used this setup for several user group meetings and it’s worked out really well. Here’s an example video from @commondream last year:

Setup

Download and install CamTwist (direct link)
Create an account with a streaming service. I use Ustream.tv in this example.

Configuration

CamTwist Settings

Open CamTwist. We’re going with a picture-in-picture setup that uses an entire second display as the main image displaying the presentation slides, with a smaller overlay of the webcam feed of the presenter in the bottom right corner.

In the ‘Select a video source:’ box on the left, double-click the Desktop source. On the far right, you’ll see some settings for this source. In that ‘Settings’ area, choose the proper screen. In our example, that screen is probably your projector or an external monitor of some sore. You’ll want to tick the ‘Full Screen’ option.

Next, single click the ‘Webcam’ source in the far left sources box so it’s selected, then click the PIP button below the source list. You’ll notice a ‘PIP Webcam’ item has shown up in the ‘Step 3 Adjust settings’ list.

Highlight the ‘PIP Webcam’ item and change the settings on the right to:

Scale: somewhere between 0.25 and 0.5 should work well. Any larger and you’ll cover up too much of the slides. Our settings are saved at 0.29.
Position: drag the small black box to the area you’d like the webcam video to display.
Camera: select the proper camera you’re using to capture the presenter.

I leave the other options as default. Feel free to experiment.

Now, open the Preview window by selecting the Tools menu > Preview (or hit CMD+P). Check the position of your PiP overlay and drag it to a place that makes you happy using the small black box in the settings pane of the main window.

Save Settings

You can save your current settings in CamTwist by clicking the ‘Save Setup’ button. It saves quite a bit of time.

Once you’re happy with the output, move along to Ustream.

Ustream

Login and create a show. Be sure to add a schedule entry for the time and date of the meetings, too! Do whatever customization you’d like to get your channel hopping.

Click the big green ‘Broadcast Now!’ button on the top right corner of the Ustream site. A popup window will open (check your popup blocker if it doesn’t). Allow Flash access to your mic and camera.

In the Video Source dropdown, select the CamTwist source.

NOTE: If you don’t see CamTwist, you might need to restart your browser or open another browser.

Streaming

When you’re ready to get started, click the Start Broadcast button. Streaming starts right away, so you’re online.

Recording Talks

One of the nice features of Ustream is the ability to record segments as you stream. We typically record each talk separately so they can be embedded independently of the entire meeting.

To record a talk, get your presenter setup and ready to go. When everyone’s ready, hit the ‘Start Record’ button.

When the talk is finished, hit ‘Stop Record’ and a new preview of the recording shows up. Click the ‘Save’ button.

Fill in the details and hit ‘Save.’ Now, repeat the process for the next talk and your meetings are online for posterity!

Conclusion

This should help you get your meetings online to reach a wider audience. Let me know if I’ve missed anything and I’ll try to update as soon as I can.

(via joefiorini)

Wed, 14 Jul 2010 11:51:09 -0400

(via joefiorini)

thoughtbot-giantrobots: Ben Orenstein is a Ruby buddy of ours...

Thu, 24 Jun 2010 16:01:18 -0400

thoughtbot-giantrobots:

Ben Orenstein is a Ruby buddy of ours in Boston who is teaching our vim training on Friday afternoon/early evening.

Check out this video he made giving a few suggestions for reaching vim mastery. I think you’ll find Ben is a good teacher who thinks deeply about how people learn.

It’s not too late to register, and you have ample time to register for the next session in September. Hope to see you there!

webkitbits: How to tailor CSS for iPhone 4 (Retina display)...

Thu, 24 Jun 2010 15:58:16 -0400

webkitbits:

How to tailor CSS for iPhone 4 (Retina display) (via esquareda)

Speed up Paperclip in tests

Wed, 19 May 2010 12:28:33 -0400

module Paperclip
  def self.run cmd, params = "", expected_outcodes = 0
    case cmd
    when "identify"
      return "100x100"
    when "convert"
      return
    else
      super
    end
  end
end

class Paperclip::Attachment
  def post_process
  end
end

via Pivotal

iPad Orientation CSS

Tue, 06 Apr 2010 13:52:10 -0400

iPad Orientation CSS:

webkitbits:

Cloud Four shows how it’s possible to change your CSS on the iPad based on orientation using media query declarations:

Advanced Javascript to Improve your Web App on Vimeo (via Vimeo)

Tue, 06 Apr 2010 13:50:38 -0400

Advanced Javascript to Improve your Web App on Vimeo (via Vimeo)

dancroak: vim cheat sheet

Tue, 02 Feb 2010 16:26:09 -0500

dancroak:

vim cheat sheet

HTML5 Forms

Sun, 03 Jan 2010 00:20:11 -0500

I wasn’t aware of this, but here’s how the iPhone is able to display different keyboards based on Mobile Safari form fields:

The iPhone does not have a physical keyboard. All “typing” is done by tapping on an on-screen keyboard that pops up at appropriate times, like when you focus a form field in a web page. Apple did something very clever in the iPhone’s web browser. It recognizes several of the new HTML5 input types, and DYNAMICALLY CHANGES THE ON-SCREEN KEYBOARD to optimize for that kind of input.

For example, email addresses are text, right? Sure, but they’re a special kind of type. For example, virtually all email addresses contain the @ sign and at least one period (.), but they’re unlikely to contain any spaces. So when you use an iPhone and focus an element, you get an on-screen keyboard that contains a smaller-than-usual space bar, plus dedicated keys for the @ and . characters.

From Dive Into HTML5

"Be always at war with your vices, at peace with your neighbors, and let each new year find you a..."

Sat, 02 Jan 2010 01:07:30 -0500

“Be always at war with your vices, at peace with your neighbors, and let each new year find you a better man.”

- Benjamin Frankiln (via rulesformyunbornson)

Ryan Singer gives an extremly insightful talk on design for...

Fri, 01 Jan 2010 14:11:00 -0500

Ryan Singer gives an extremly insightful talk on design for normal people.

Books Mentioned

2009 becomes 2010: Happy New Year! by Optical illusion, on...

Fri, 01 Jan 2010 13:49:00 -0500

2009 becomes 2010: Happy New Year! by Optical illusion, on Flickr

It’s a new year and with it comes all the ambition and resolve to make things better in our lives. I’m no different and I intend to make this the year I finally become a participant in the web development community. This is my public pledge to post something once a week going forward.

I’ve been hesitant to post findings or articles because I often feel I have little to add to the Ruby or Rails community. Perhaps the most apt description comes from Sandi Metz on her blog:

The Ruby crowd is a fierce meritocracy where everyone is scary smart and each believes that everyone else is slightly smarter. They’re chasing perfection and claiming ignorance. They love a good idea. They want to change the world.

It’s true, we have some amazing talent in our little corner! However, it’s easy to forget that Ruby newbies walk through the doors every day. Blogs like TeachMeToCode and Railscasts help, so I’ll give it a shot also. It’s my intention to impart whatever knowledge I can here to assist those new to Ruby and Rails.