Author Archives: mergy

Feb 04

Liberating Video From Flash or Silverlight via Quicktime Screen Recorder

Posted on by

Example Quicktime video made from a embedded flash view

I had a recent situation where some video I need to deal with was locked into Silverlight, Flash or other website embed from the source. I am not advocating you duplicate restricted material with this method. You shouldn’t. This is just a quick guide to generate an editable movie using the default software inside Mac OS X. In the following example, I am just going to snag a clip from an embedded video on my own site.

There are other ways to do this and you can use additional software options from various vendors for video and audio, but my way only uses the following:

1. MacBook Pro with Line In and headphone jack
2. 3.5mm audio cable
3. Mac OS X 10.6.x or Mac OS X 10.7.x
4. Quicktime Player version 10.x (version that ships with Snow Leopard (10.6) or Lion (10.7)

I am running Lion (OS X 10.7) in my example. Here we go.

Step 1: Confirm Audio Settings and Cable setup

You can just trick the audio recording with a simple 3.5mm cable in the headphone and line in jacks. You can get software from Rogue Amoeba or others like SoundFlower, but I have always found quality issues and “stadium” echo sound effects when doing that. A simple audio cable does the trick.

Simple audio cable looped into both ports

 

Simple audio cable looped into both ports

 

Once you have the cable plugged-in, you need to check to be sure your Sound settings are correct. These will probably be set by default, but good thing to check.

OS X Sound Preference Pane Input Setup

OS X Sound Preference Pane Output Setup

Step 2: Position and setup video

In my tests, lowing the resolution down from the very high-res setting makes sense to do. In my tests, I usually cut the resolution to 1200×1024 or even 1024×768. If I am watching the clip in non-fullscreen mode so I don’t generate a huge video file.

Thinking about the setting of the display

Then, you want to go to the video via the web browser or whatever and get it queued up and ready to play. The more you have it setup, the less you will have to trim for the final video.

Prepping location for the video you want to capture

If you have the option, you can decide to record the video in fullscreen mode. Most embedded videos will give you the fullscreen option, but in my example, I am just snagging a fixed size embedded video.

Step 3: Quicktime Player New Screen Recording Prep

If you have the audio setup and the video queued and ready to go, then you can start the Quicktime Player. Inside QT Player, select “New Screen Recording”

File > New Screen Recording

Screen recording functionality is wonderful for training videos on how to walk people through something on the computer. The audio setting is typically the internal mic by default so you can narrate or do a voice-over of what you are doing. You do though have the option to change the audio source. In our case for this, you will change it to Line In.

Use Built-In Input: Line In

I have Soundflower installed, but am not using it. You might have other audio sources available too, but because of the audio cable setup, you will use Line In. Move the Screen Recording controller out of the way of the video location on your screen and get ready to record.

Step 4: Start the recording and play the video

When ready, press the record button. You can leave the volume on this controller down to the minimum. It does not dictate the volume. The Sound prefs do. (step 1 above.) When you trigger the record, you have to select the region of the screen to record.

Starting the Screen Recording

Get as close as you can to the core of the video you want to snag. If you just click, it will record the whole screen, so you probably want to just create a region around the video only. You can do the whole screen and then trigger fullscreen playback on the video, but that may or may not be really necessary depending on what you want from this all.

Selecting the Screen Recording Region

They press the the button to start recording to start the acquisition. Immediately then play the video. You will need to trim the screen recording of you pressing play on the video but that is super simple in Quicktime.

When have recorded the piece of video you require, you can stop recording and stop the video playback. Quicktime Player will open the screen recording capture for you.

Screen recording as a Quicktime Player movie

You can trim that initial part of the recording and you have a viable quicktime movie to export to mp4 or whatever.

Yes, not the most elegent or highest video quality in the world, but it does generate a workable video file with decent audio that came around via the loop cable. Hope this helps if you get caught in a situation that requires something like this.

Jan 26

The Colbert Report: Maurice Sendak Interview

Posted on by

I had to grab both the embeds of the the two parts of the Sendak interview on The Colbert Report over the last couple of days. It was wonderful. It first aired on Comedy Central on 1/24/12 and 1/25/12.

Part 1

 

Part 2

 

Jan 25

Secured Pages Under Public Menus Workaround in WhippleHill Podium

Posted on by

We had a need where we wanted some pages for the Parents’ Association to have public pages in our public navigation but also wanted to limit access to a few of the sibling pages. This is not the default functionality of the current WhippleHill Podium Page Manager system. Due to the way the pages get their security settings via the menu/page hierarchy makes it so that public or non-secured menus cannot have secured pages underneath it. All makes sense and totally acceptable. But, I still wanted to do it. Making sense and having things be acceptable has never stopped me before and didn’t this time either. I figured out a simple way to do that. It involves standard functionality of Podium, but a little use of redirect pages, vanity URLS. The initial effort is not minor, but the lasting value for your community might be worth it if you want to have a smooth transition from sibling pages that the world can view to those that you only want certain roles in your community to view. Here goes what I did with my example, your need will probably differ but hopefully this helps seeing the options you have.

Working within the functionality of the software

We have a top-level, or “Level 1″ menu that is part of our over navigation to every visitor of the website. Under that we have a menu that we wanted to have pages that are navigationally visible publicly, but require the visitor to have a level of security with a login to be able to view the content of the page. We did not want to do anything custom on the recently updated site, but still provide a non-disruptive flow for our parents. Again, your level of need may be different than ours. You might be able to just get by with a vanity URL for your community but we wanted something that would be more fluid for the parents, reward being logged-in to the site and blur the line between what was public and private content without constructing what felt like two separate sites under a single one.

Our Situation and Process

Here is what our sibling pages under the PA area of the website look like. We have the first two tabs (Mission & Welcome, Board & Committees) on the horizontal menu on the site are public and have page content. The other three tabs were actually pages (with channel content) nested under the PA public section originally but we wanted to secure them.

Sibling Pages with Horizontal Menu channel under a "Level 2" menu structure in WhippleHill Podium

Step 1: Get vanity URLs Going ASAP

If you aren’t using the SEO tab on your Podium pages, you are crazy. Do it immediately. If for no other reason, it is something that can really help you when you need to link to other pages and manage the site. As we also found out in the recent transition to a redesigned site, making effective use of the vanity URL functionality in WhippleHill Podium helps search engine referrals stay consistent between sites since Google and others reference those if you have them setup.

Adding a custom or vanity URL under the SEO tab in Page Manger

Step 2: Creating organization and redirects in the secured part of Page Manager

In Podium Page Manager, I took these three pages we wanted to only allow a certain group (role) in our community to have access to and created a new “open child” page with the desired security-level. Creating the “open child” page and securing it really is just to make a folder and something you can tack the pages you are moving into the secure world of Page Manager in an orderly way. Here is what the structure in Page Manager looks like after we are done.

In the above screenshot from Page Manager, the bottom three pages have actual content along with vanity URLs and were moved under this non-public “child only” page title “Parents’ Association (Secured)” which is kind of used too because of the page title channel to show users when they are in or out of a secured area. “Mission & Welcome” and “Board & Committess” are the same titles as the public pages under the website nagivation, but the are not really pages. They are just placeholders that redirect to the public page that has it’s same name. You can see in this detail of the page from Page Manager.

Page created in the secured area to redirect to the public page

I set up these two pages so when we have the horizontal nav on the secured pages linked to the siblings, it would look identical to the public pages. When clicked from one of the secured pages, it will use the vanity URL to go over to the public page cleanly. The user doesn’t know or care what is happening behind the scenes.

Step 3: Creating Redirects in the Public Part of Page Manager and Navigation

This is basically the same as step 2 but creating the redirect pages to go over to the secured pages vanity URLs. Here is a screenshot of the Page Manager structure in this area of our site.

In this public area (the 100. Parent’s Association page/menu is under a Level 1 menu that is public) all the pages inherit the public permissions. The first two pages have vanity URLs and have content channels and content for public viewing. But, the last three pages in the sort are just identically titled redirect pages to the secured pages from step 2. The redirect page to it’s vanity URL page equivalent is set to public.

But, when it redirects on these pages, it will prompt for a login and password because the target page has a security layer on it in Podium and I am not logged in.

In our case, we restrict these other pages to require “All School” role access level. This is the security setup on those pages.

Wrap-up

Anyway, I know this is a long blog post on this and it might be seem more confusing than it should. The overall concept of this workaround is to create two locations in Podium Page Manager where you will have secured and public pages. Then, get the pages you want it each area and hard-address them easily with vanity URLs and create whatever pages are necessary to make the areas identical through the use of complimentary URL redirect pages on both locations.

Here is what the two sides of the section look like. I used the Page Title channel options to reference the “Secured” title to subtly show parents they were in different areas when they click between if they were already logged-in. We do lose the nested menu orientation in the side nav because the pages are not really under the navigation if you are on a secured page, but that is a minor issue in our opinion so long as we can make the flow from public to private pages seem non-disruptive for community members.

Public Page

Secured Page

Hope this was helpful in some way if you are looking to get around the security limitation on public and secured pages that you might run into using the WhippleHill Podium CMS.

If there are any questions, don’t hesitate to drop me a line.

Jonathan Mergy
mergy@mergy.org

 

Jan 08

Great Example Of A Slippery Slope Argument: The DirectTV “Roadside Ditch” Commercial

Posted on by

I rarely care or even acknowledge TV commercials. Most are actually pretty horrible and get skipped-over via TiVo, but the DirectTV “Don’t Ware Up In a Trench” is an exception. The “Roadside Ditch 2012″ commercial is a great example of a philosophical fallacy of a “slippery slope” argument. Watch it below.

More on the slippery slope argument and fallacy over at Wikipedia. Enjoyed it.

Here is the argument.

1. When your cable company puts you on hold, you get angry. 

2. When you get angry, you go blow-off steam. 

3. When you go blow-off steam, accidents happen. 

4. When accidents happen, you get an eye-patch. 

5. When you get an eye-patch, people think you’re tough. 

6. When people think you’re tough, people want to see how tough. 

7. And when people want to see how tough, you wake-up in a roadside ditch. 

8. Don’t wake-up in a roadside ditch. Get rid of cable. 

 

Dec 29

Miraloma Park, San Francisco (circa 1938)

Posted on by

Pretty neat to see the area of San Francisco we live in from an aerial photo in 1938. Our house was built in 1940 and not on the view. You can see the first phases of Miraloma Park were in, but there was much more building to go. Also, Mt. Davidson was a path to the cross.

Really great that David Rumsey is collecting this and making it available for the world. Check-out the full map here. I do love the “Miraloma Park” etched in the hill.

Miraloma Park on the hill