NY Times Multimeda Article - How did they do this? at DVinfo.net

Go Back   DV Info Net > And Now, For Something Completely Different... > The TOTEM Poll: Totally Off Topic, Everything Media

The TOTEM Poll: Totally Off Topic, Everything Media
Let's talk about anything media related.


Reply
 
Thread Tools Search this Thread
Old October 26th, 2013, 12:14 AM   #1
Wrangler
 
Join Date: Jul 2002
Location: Makati, Metro Manila
Posts: 2,706
Images: 32
NY Times Multimeda Article - How did they do this?

How did they do this multimedia article on the NY Times?

A Game of Shark and Minnow - Who Will Win Control of the South China Sea? - NYTimes.com

I love they way you can scroll down through article and you get a mix of video, sound, photos and text. (don't use the page links, scrolling is much more interesting). What a great way to tell a story!
__________________
"Ultimately, the most extraordinary thing, in a frame, is a human being." - Martin Scorsese
Michael Wisniewski is offline   Reply With Quote
Old October 26th, 2013, 07:47 AM   #2
Major Player
 
Join Date: Apr 2009
Location: Philly, PA
Posts: 789
Re: NY Times Multimeda Article - How did they do this?

Very cool. Seems it was done entirely just using HTML5. When you 'scroll' down, the background image or auto-play video changes. The text just floats on top of the images & scrolls along.
David Barnett is offline   Reply With Quote
Old October 26th, 2013, 08:11 AM   #3
Major Player
 
Join Date: Aug 2005
Location: Satellite Beach, Fl
Posts: 784
Re: NY Times Multimeda Article - How did they do this?

Never mind I thought you were talking about the opening boat ride not the whole piece.
Jerry Porter is offline   Reply With Quote
Old October 27th, 2013, 08:45 PM   #4
Major Player
 
Join Date: Apr 2009
Location: Philly, PA
Posts: 789
Re: NY Times Multimeda Article - How did they do this?

To clarify for the OP (I've been meaning to get back to this if no one else had), it looks very similar to a photography portfolio slider, only top to bottom, not left to right. In fact if you look on the right hand side you'll sometimes see the "1 of 3" and "1 of 5" slider buttons on the right side, about halfway down.

Now, realistically it's a very well coded with delicately placed and positioned anchor tags, similar to when you click on the "Contents" section of Wikipedia or something, and it jumps halfway down ( The Rolling Stones - Wikipedia, the free encyclopedia ), however now instead of just having pure text on the page, imagine if Wikipedia had photos, and as you scrolled down each photo floating text scrolled by you, until you reached the next anchor tag, causing the photo to flip to the next one. Now, it isn't all photos, some are autoplay videos which probably last 5-10 seconds as a background image.

That's purely laymans terms, lol, and the website is quite an undertaking & must have taken teams of developers to create. I'm not sure if they do these style articles often, or if this one was the prototype, but I'm sure whenever it was initially done it was done as a future of the paper & magazines website in mind. Reinventing media if you will.
David Barnett is offline   Reply With Quote
Old November 25th, 2013, 10:40 PM   #5
Inner Circle
 
Join Date: Aug 2005
Location: Atlanta/USA
Posts: 2,507
Re: NY Times Multimeda Article - How did they do this?

Here is another example: Smart lens | QX10 | QX100 | Sony
__________________
Ervin Farkas, CDVS
Certified Legal Videographer
Ervin Farkas is offline   Reply With Quote
Old December 5th, 2013, 06:16 AM   #6
Inner Circle
 
Join Date: Jun 2004
Location: Belgium
Posts: 2,195
Re: NY Times Multimeda Article - How did they do this?

This one I think it also very clean, and has a great design, with all the white:

NSA files decoded: Edward Snowden's surveillance revelations explained | World news | theguardian.com
Mathieu Ghekiere is offline   Reply
Reply

DV Info Net refers all where-to-buy and where-to-rent questions exclusively to these trusted full line dealers and rental houses...

Professional Video
(800) 833-4801
Portland, OR

B&H Photo Video
(866) 521-7381
New York, NY

Z.G.C.
(973) 335-4460
Mountain Lakes, NJ

Abel Cine Tech
(888) 700-4416
N.Y. NY & L.A. CA

Precision Camera
(800) 677-1023
Austin, TX

DV Info Net also encourages you to support local businesses and buy from an authorized dealer in your neighborhood.
  You are here: DV Info Net > And Now, For Something Completely Different... > The TOTEM Poll: Totally Off Topic, Everything Media

Thread Tools Search this Thread
Search this Thread:

Advanced Search

 



Google
 

All times are GMT -6. The time now is 04:02 PM.


DV Info Net -- Real Names, Real People, Real Info!
1998-2017 The Digital Video Information Network