emma welles


more ifc.com page designs!
August 7, 2008, 10:07 pm
Filed under: brightcove, work

Not long ago, IFC recruited me to design pages for a couple of sponsored time slots and short film contests. One is Absolut Indies, whose design mirrors the style of the amazing site for their “In An Absolut World” campaign (located here). I loved working on this design; I’m a big fan of dark backgrounds and gradients it seems.  But, wow, creating realistic-looking 3D boxes with text is a whole lot tricker than it looks!

The second sponsored event on IFC.com is brought to you my Scion and Rooftop films. Check out the home page for the event, and also the contest page, both designed by yours truly, of course.

IFC is using Brightcove’s Consumer Generated Media Campaign to facilitate the contest entry and video upload process, and the Compact Minimizing template player on the home pages.

Both these contests are ending soon, so if you wanted to enter, GET ON IT PEOPLE!



ifc flashback page design
January 20, 2008, 9:11 pm
Filed under: brightcove, design, work

update: IFC updated their website and left this and Rooftop Films out of it :( .    screenshots will be available in my next portfolio design. 

i just finished up this quick project for IFC called IFC Flashback. like so many other pages i’ve designed for IFC, it uses a Brightcove compact tabbed player embedded in an html page. i had a particularly great time working with the logos they gave me to create a retro look for the page, and different styles for each decade. check it out and watch some greg the bunny episodes while you’re there. :)



sportskool.com site design
January 7, 2008, 2:18 pm
Filed under: brightcove, design, work

last year I was lucky enough to be able to redesign the entire sportskool.com website.  and, if you saw the original design, you’d know this was no easy task. :)    but, after several months of work by an amazing team of people the site looks pretty freakin awesome!

things about this site that rock:

  1. the backgrounds for the sports pages & home page (designed by yours truly)
  2. using one single title Brightcove player per page.  usually i work with bulky players, it was refreshing to have some breathing room on this design.
  3. the Brightcove/Storymaker slideshow on the sports pages.


mitx award
December 3, 2007, 2:48 pm
Filed under: brightcove, design, work

while i was working for brightcove, i helped design a little tool called Aftermix. i worked closely with both the lead designer and the developers to design the user interface for the titles, transitions and effects menus. well, thank you Jaime for informing me that Aftermix won an MITX Award for “Best Rich Media Application.” nice.

congrats to the entire Aftermix team, they are great guys and i miss working with them!



bcPlayer.pauseVideo(), bcPlayer.playVideo(), and bcPlayer.stopVideo()
January 7, 2007, 1:46 pm
Filed under: brightcove

i have successfully created a hideous player that uses custom buttons and an embedded player to play, pause, and stop.

this was more difficult than it should have been, i think. here are the steps i had to take to get to this, and what went wrong along the way:

  1. follow these instructions to embed a basic player
    1. make sure you change BOTH allowScriptAccess settings to say “always” i changed one and missed the other one, this doesn’t work.
    2. export in flash 7 if you want to watch it locally and not keep having to upload to your site. flash 8 does not allow the local swf to access the internet.
    3. make sure you tell the video to play on load through the console settings AND in the embed code:
      config["autoStart"] = true;
  2. get brightcove support to give you the “embedded player” and “unbranded catalog” in your account. (for creating completely awesome custom players, you wont get very far without these two options.)
  3. once you have the controls-free embedded player in your account, create a couple buttons (i just made squares). use the following code to make it play and stop:
    playBtn.onPress = function() {
    	bcPlayer.startVideo();
    }
    
    stopBtn.onPress = function() {
    	bcPlayer.stopVideo();
    }
  4. For a better experience, change the play button to
    	bcPlayer.pauseVideo();

    this pauses and plays the video where the scrubber is, instead of startVideo() which starts the video over every time.



examples
January 4, 2007, 7:18 pm
Filed under: brightcove

i downloaded the example API players provided on the brightcove developers group on yahoo today. they dont work. i dont know why.

i also installed the SDK, which provides helpful code hints when you type bcPlayer (the name of the player object) into the flash actions pane. this may be the most useful to me.  I’m surprised they don’t call this out more on their help site.



brightcove APIs
January 4, 2007, 1:16 pm
Filed under: brightcove

unfortunately, the documentation for the APIs to use the brightcove service is not only outdated but horribly ineffective.  my new mission is to learn how to use these to create the awesomest players ever, while documenting my findings in an effort to eventually create a tutorial or help someone else create a tutorial.