Create On-Screen Chapters From Brightcove Cue Points

HapYak and Brightcove have gotten together to create more interactive video magic. Now you can take all your Cue Points on your Brightcove videos and Presto! Alakazam! turn them into an on-screen chapter menu without any custom coding. Now your viewers can easily navigate to the parts of the video that they care about most.

Here's how to do it.

ADD CUE POINTS TO BRIGHTCOVE VIDEOS

  1. Log in to your Video Cloud account: link
  2. Click on the "Media" folder icon
  3. Select a video from the list
  4. Click the "Edit" button at the bottom of the player
  5. Click the tab labeled "Cue Points" and follow the onscreen
  6. Add Cue Points of type "code" and in the Name field type the name of the Chapter.
  7. Click Add.
  8. Repeat the process for as many Chapters as you wish to add.

Click here for instructions directly from BrightCove!
Interactive Video for Brightcove

COPY THE BRIGHTCOVE VIDEO URL

  1. Select the video you in the left panel.
  2. In the right panel click "Quick Video Publish"
  3. Under "Copy Publishing Code:" select the "URL"
  4. Copy the URL that appears in the text box

Interactive Video for Brightcove

ADD YOUR BRIGHTCOVE VIDEO TO HAPYAK

  1. Log in to HapYak: http://hapyak.com/portal/
  2. Click the "New" button
  3. Paste the URL of the video that you copied from Brightcove
  4. Enter a project title
  5. Click "Submit"

Interactive Video for Brightcove

ADD A TABLE OF CONTENTS TO YOUR VIDEO

  1. Click the "Table of Contents" icon under the video
  2. That's it.
  3. Click the "view landing page" link above the player to see the on-screen chapters. All of your Brightcove cue points are automatically converted to clickable chapters. No coding necessary!

Add Table of Contents toolbar


How to Add Interactivity to Private Vimeo Videos

Here's how to make an interactive video with private Vimeo video using HapYak.

Private Vimeo Video

    1. 1. On the Vimeo Video page (e.g.

here

    ) click on "Settings", then "Privacy." For "Where can this video be embedded?" Select "Anywhere."

Private Vimeo Settings

Note this retains the privacy settings for your video but will now allow you to view the video within HapYak.


Ohio University Takes Language Learning Global with Interactive Video

Feature-rich platform helps educator keep innovative program at the forefront of effective online learning

Audra Hilterbran
Audra Hilterbran

Meet Audra Hilterbran. Audra likes language. Particularly, teaching English to those who need to learn it to succeed in their academic pursuits. You see, Audra works at Ohio University’s English Language Improvement Program (ELIP). They prepare on-campus graduate and undergraduate students with customized instruction that give them concrete academic and professional communication skills and abilities.

ELIP has been at the forefront of using technology to create engaging, student-centered, and pedagogically sound learning environments. And now, ELIP would like to expand to share their knowledge and teaching methods with English language learners around the globe.

But how do you take a successful on-campus teaching program and bring it off-campus? That’s what the Director of ELIP, Dawn Bikowski, asked Audra to help figure out. And she gave Audra a hint to start out: interactive video.

“We know that interactivity is going to be what’s going to expected very soon.” Audra notes. “I was used to working with different online tools and different software. Dawn wanted different features. She was voicing things -- and my job was to make it happen.”

So Audra tried out some interactive video tools. Well. Actually, a lot of them. But none could quite lived up to her goals. None had everything on her wish list. And then, in a crowded computer lab at the school, a fortuitous bit of online eavesdropping came to her rescue.

ELIP - Ohio University The English Language Improvement Program at Ohio University
Ohio University’s English Language Improvement Program

“I was in class online one night and I was speaking to a colleague of mine. I said that every tool was missing a feature that Dawn wants to see. There was a guy (at a computer next to me) who was in a Hangout, attending a different class.”

Then, from the speakers of that computer next to her, a voice grabbed her attention. ‘Hey. Who was speaking right now? You need to try this tool called HapYak. It's got everything you just described.’

He was right.

‘He’ was Larry Hess, an Instructional Technologist at Ohio University’s School of Nursing, who had used HapYak to train faculty using the school's Nursing Simulation Lab.

Interactive Video: Ohio University - School of Nursing
Larry Hess, Ohio University School of Nursing

“I was really excited when Larry told me there was a tool that met all my needs and even more excited when I saw how easy it was to use. HapYak is my favorite. It was the easiest, most flexible, very intuitive, especially compared to other tools that I've looked at. I think the user interface is much better. There are more features, more options.”

Audra has succeeded in creating some very forward-thinking interactive videos that do two things really well. They set up an expectation at the beginning of the video that it will be interactive. This gets the student used to responding to the video and ensures they start leaning forward right away. Second, she adds annotations throughout the video. This ensures that the student gets used to watching a small section of the video, interacting with it, then continuing on to the next section. In the mind of the viewer, it creates a positive feedback loop.

“As we move forward in this digital age, our attention spans are much shorter. This tool allows me to create short videos that are more engaging, that provide feedback and can be used over and over again.”

“The clicking, and the different options really give people a chance to really internalize what they're learning.”

Now Audra and Dawn will be showing the result of her work to groups on campus and across the world. “I am going to give a workshop on how to use the tool. Dawn will be showing all the videos to a group in Japan.”

Below, Audra shares a few bits of advice on how to best use interactive video to ensure students internalize what they learn.

Interactive Video at Ohio University

TIP 1

You need some way of letting your audience know that the video is going to be interactive. I added a quiz question at th

e beginning. A better way may be for the person speak at the beginning of the video.

TIP 2

If you are planning on enhancing your own videos - for the content that you've created - the interactivity needs to be part of the planning process. Think about what kinds of things you want to add later. And the process will be much easier. The more planning you put into it the more confident you’ll be in production.

You can read more about Audra's research on her Website or at ResearchGate.


Appleton Learning's Interactive Videos Teach Kids to Code

TRAINING TEACHERS ON SOFTWARE

What is Scratch, you might ask? Quite simply, Scratch is an incredible free programming language and online community where kids can create their own interactive stories, games, and animations. Developed by the Lifelong Kindergarten group at MIT Media Lab, Scratch's mission is to "help young people learn to think creatively, reason systematically, and work collaboratively — essential skills for life in the 21st century."

With millions of children creating nearly 5 million projects in 40 languages in 150 different countries you could say that Scratch is succeeding in its mission.

Scratch-User-Interface

But teaching kids to code requires the teachers to learn the Scratch software themselves. That's the challenge that the Huntsville, Alabama school district had. And that's where Appleton Learning came in.

"A school district actually approached us to make a training video about how to use this software." notes Nick Wilbourn, Education Specialist at Appleton.

Appleton wanted to make it easy for teachers to gain a mastery of the Scratch software and instruction method. An interactive training video, they thought, could be the best teaching tool for their needs.

Nick Wilbourn

REIMAGINING SOFTWARE TRAINING WITH INTERACTIVE VIDEO

There’s no doubt about it — the best way to learn to code, is to code. Yet most people need a bit of a boost when it comes to learning software like Scratch. Walking them through the first lesson or two is usually just the spark they need to get them off and running.

That's the magic of interactive video. It’s like having a trainer with you in the room, giving you hints, encouragement, and pausing to ensure you understand what you were just taught.

"We did a screen capture of a user actually using Scratch. We intercut that with scenes of the program playing out," says Nick. They then used HapYak for adding quiz questions. "Upon answering the question correctly, they (the viewer) proceeded to the next section of the video." Pop-up bubbles then provided supplementary information to explain technical terms, says Nick.

Creating Interactive Video

INDIVIDUALIZED VIDEO TRAINING REACHES WIDE AUDIENCES

Appleton Learning provides training to just individual teachers or schools, but for large school districts.

We're training a lot of people," says Nick. "When we get a new contract form a school district, 50-100 students is going to be the minimum. And "in-person training goes out the window" when school districts are far away from Appleton's Huntsville, Alabama headquarters.

ONE INTERACTIVE VIDEO INSPIRES MANY MORE

Even though he was using HapYak for the first time, Nick found creating interactive videos to be unique and surprisingly simple. "Its unlike anything I worked with before. Once I spent a few minutes with it I found HapYak to be very simple, very user friendly, and really easy to make edits."

This is inspiring Nick and his Appleton colleagues to expand their interactive videos to paraprofessionals - educators that assist teachers in the classroom, supervise students outside of the classroom, or provide administrative support for teaching.

“We’re doing interactive training videos with multimedia content that will help train paraprofessionals. (We're) showing people how to use software, teaching them best practices for working with students, training them on job essentials."

Appleton has big goals to educate our children, and it’s reflected in employees like Nick who believe in the work that they do.

“I applied to Appleton because I was really drawn to the company’s focus on individualized learning,” as well as their aim to proactively meet the needs of large school districts, he says.

Through the medium of interactive video, Nick and the team at Appleton aim to train those with perhaps the noblest cause in life - educating our children. They aim to get the broad reach that video affords with the personal touch of individualized learning.


Interactive Video On the iPad. 5 Secrets To Success

The iPad can be a perfect device to watch interactive video. There are 5 secrets to successfully creating interactive videos for viewing on this device. We've summarized them below and provided an example video here that you can play on your iPad to see them in action.

  1. Make larger interaction targets. A video that plays on an iPad isn’t a lot like a video that plays on a laptop or desktop. Especially if you are going to have interaction.People aren’t clicking on things, instead they are tapping on things. Make sure your touch targets (like CTAs, quiz answer selections, or chapter menus), are large enough to easily tap.Apple recommends touch targets be a minimum of 44x44 pixels. That’s a minimum. You really want touch targets to fit under an index finger with a bit of extra room on either side to spare. According to the MIT Touch Lab, that’s about 57 pixels. If your viewers are using their thumbs, that’s about 72 pixels.Smashing Magazine’s article on touch targets is helpful here for more context. But the simple take home is this; Make your interaction targets big! Your viewers will thank you.
  2. Make longer videos. On the iPad people settle in for the experience. They spend more time watching the video because mobile devices are not designed for multi-tasking - and in fact actively discourage it. Embrace that and you realize you have more time to teach what you want to teach, communicate your values and brand, and tell more in-depth stories.So, don’t be afraid to use longer video. On iPad, people expect it.
  3. Give them the power to explore. The iPad is a device people want to engage with. Let them explore and discover things inside the video with ease.They will expect your video to work like their favorite app or mobile-optimized web site. That means having the power to access more information about a topic with the tap of a finger, or quickly seeing what information is hidden inside the video. What can they learn? What can they do? Show them up front through easy ways to explore the video.If you don’t give them easy ways to explore, they’ll do it anyway by tapping on the control bar to try to find something that interests them and that leads to frustration. Don’t frustrate. Rather, delight with options that let the viewer control their experience with ease.
  4. How the video is streamed matters. HTTP Live Streaming was invented to provide smooth streaming to mobile devices - use it. Many video hosting services that work well for viewing on a laptop or desktop don’t do so well on mobile. They use progressive download technology which was built to do one thing well - play a video.Remember, viewers want choice, they want to explore. They’re going to be jumping around the video a lot. And to do that, HTTP Live Streaming is simply your best option.
  5. App or Web? Well, it depends.On the iPad, you can embed your videos in an app or on a web page. Don’t be a true believer in either technology. Understand the differences between the two.Drawbacks of Apps:
    Apps are more expensive to produce. Apps are specialized. Most organizations have staff with web development skills but app development is a rare and expensive skill set.Apps require you to maintain two separate code bases if you are supporting Apple and Android.Apps add an extra friction step of a download.

    Apps are harder to update fast. You can’t quickly update content and styles as easy as you can on the web.

    Benefits of Apps:
    With apps, you have the most level of control and flexibility to create interactive experiences. You can simply make an app do more, more fluidly and elegantly than a web page. The interactive video experience will be largely the same within an app as it is on a web page, but the experience surrounding it will be much more fluid and responsive as an app.

    If you think viewers will be on phones as well as the iPad, an app will make a lot of sense. Here’s why. When a viewer clicks “play” on a video on their phone, it launches that video in the native video player app (QuickTime on iPhones, for example). If that video is in an app however, you can control which player is launched when “play” is clicked, and that player can include your HTML5 interactive overlays.

Bonus Tip: Do Full Screen The Right Way

You can not rely on the native full screen capability of your video player. Just like clicking play on your phone launches the native video player app, so does clicking full screen on almost every single video player (including the commercial hosting service you have).

This is bad, as you lose all the interactions you’ve created and you even lose important annotations like closed captions.

To ensure your full screen buttons maintains your interactions, make sure your player's fulls creen buttons leverages HTML5s Fullscreen API. The example video does just that.


Web Video Marketing That Matters

Bill Goldsmith Productions makes video that matters. Their clients - small and medium sized businesses - can now stay “top-of-mind” with their customers through BGP’s innovative use of web video.

Success with Web Video - Bill Goldsmith Productions

Joe Ferry’s client base is specific, but his problem is universal.

Joe is a practicing attorney in Philadelphia. He discovered a niche market for defending home inspectors from meritless claims that homeowners put upon the home inspector.

Home inspectors are rarely sued. But when they are, the damage can be catastrophic. And so their need for a lawyer can arise suddenly and profoundly. What Joe needs is a way to stay “top-of-mind” with home inspectors so when the need arises for a lawyer, “Joe Ferry” is the first name they think of.

Joe Ferry - The Home Inspector Lawyer

Joe Ferry - The Home Inspector Lawyer

That’s where Bill Goldsmith Productions comes in.

Bill created a series of short weekly videos for Joe that educate home inspectors across the country. “We want to establish Joe as the premiere authority, as the 'home inspector attorney.'” notes Bill. “The goal is to create an educational-based weekly message that informs, educates, and entertains.”

GETTING “THE SECOND CLICK."

But, here’s the real issue. When a home inspector watches the first video they need a way of capturing their interest and ensuring they sign up for the weekly video series that gets emailed out to Joe’s mailing list.

Traditionally, this is done with a verbal request to sign up for the mailing list or a call to action somewhere after the video or elsewhere on the web page. Bill was unhappy, as this always left viewers without a way to signal their interest at the precise moment they were most interested.

Then he discovered HapYak.

“It was a magical tool to find. It really was a key to the project going forward. We refer to it in meetings with the client. We depend on it.”

HapYak allowed him to add a call to action that appears on top of the video. This captures each viewer at the moment they are most interested in Joe’s message and encourages them to sign up for Joe’s mailing list.

You can see an example here.

In addition to the main call to action, those who have signed up can quickly skip the intro of the video meant for first-time viewers.

ACTIVATING VIEWERS WITH WEB VIDEO

Home inspectors have come to rely on these educational pieces every week, mentions Bill. “Every Monday at 3 o’clock it arrives, each week.”

“We have record sales coming in in terms of people signing up. They’re now aware of a message that legal defense is part of their tool kit - just like they have their tools with them on a home inspection.”

Web Video Analytics - Bill Goldsmith and Joe Ferry

Web Video Analytics - Bill Goldsmith and Joe Ferry

Bill Goldsmith, Joe Ferry and colleagues reviewing analytics from their web video campaign.

And with a successful formula and a means to track when a home inspector switches from just a viewer to an activated viewer - both Joe and Bill see no end in sight.

“There are 40,000 home inspectors - and 10,000 new inspectors coming into the world every year.”

WEB VIDEO FOR AGENCIES

For Bill, discovering HapYak has led to a complete rethink of how he approaches his business. He has clients all over the country whom he thinks will benefit from web video.

“We think it distinguishes us from all the other videographers by really moving video up to the level of marketing that it should be considered. We’re in initial discussions with two or three clients. It's been so busy we haven’t stopped since November our business is growing.”

Interactive video is the final piece to the puzzle for Bill, allowing him to create video thats compelling and friendly for each business.

“We all want to do work with people we trust,” notes Bill. “I believe that this is fundamental to all business relationships. Video helps deliver the concept of knowing, liking, and trusting an individual as it creates the mind share and heart share that underpins the emotions that are necessary to take the action steps to engage.”

"At the end of the day, the new world of work, and success in the new world economy, is going to boil down to how well we can connect, communicate and collaborate with people. HapYak is a key ingredient in this process.”


Hats Off: The History of The Highrise By The New York Times

This year’s Webby Award nominations are out, and we’re tipping our hats to Canada’s National Film Board for their interactive documentary, “The History of the Highrise”, featured in the New York Times.

2,500 years of vertical living are showcased through the four-part series. Viewers watch animated footage and click through millions of archival photographs, giving them the opportunity to dig deeper into major themes of the documentary project.

Interactive Video: History of the Highrise

“I was faced with a daunting challenge,” says Katerina Cizek, director of the project in a 2013 New York Times article. How does one tell two and a half thousands years of global history in a short film?

Katerina Cizek

“The solution was to expand the project into an ambitious four-part interactive series,” she says in the Times article. Inspired by the reinvention of storybooks on digital tablets, Cizek and collaborators used rhymes, animation, and interactivity to “playfully revisit a stunning photographic collection and reinterpret great feats of engineering,” she says.

Interactive Video: History of the Highrise

Spectacular web videos like this prove that giving your viewers complete control over what they’re watching transforms the viewing experience. Based on individual interests, viewers can can follow their own path, discover more about topics they like, and make decisions on what to watch next.

The History of the Highrise is a shining example of taking the full power and potential of the web and applying it to video.

Interactive Video: History of the Highrise

Webby Award winners will be announced Tuesday, April 29. Best of luck to all the web video nominees!


Web Video Without Interactivity Is Like a Pharrell Williams Video Without Music

It’s hard not to dance along with Pharrell Williams in his music video, “Happy.” The feel-good song showcases people from all walks of life bopping about to Pharrell’s music and lyrics.

Pharrell Williams Happy

But what’s a music video without music? House of Halo, a Netherlands-based music agency, gave it a try, editing all of the music out of the “Happy” video. Instead, you just hear the video’s sound effects, while watching everyone singing quietly or silently.

Australian-radio station NOVAFM calls it a “strange watch.” There just seems to be something missing.

WEB VIDEOS REQUIRE COMPLETE ENGAGEMENT

Pharrell Williams Interactive Video - Happy

Contrast that with the official music video. Not only is the sweet soundtrack back, but they've added an amazing interactive twist. The video is 24 hours long! And whenever you watch it shows you the part of the video that was filmed at your current time of day.

Subtle prompts invite discovery. You can skip to any time of the video and see a new scene with Pharrell, a celebrity cameo or just one of a countless cast of dancers and everyday folks strutting to "Happy."

COMPLETE YOUR WEB VIDEOS

Pharrell Williams Interactive Video - Happy

House of Halo’s music-less Pharrell video is certainly a unique viewing experience, and brings to light the larger point that without the engagement factor, web videos aren’t worth watching.

Chances are, people are spending more time watching video on your website compared to anything else. Give them the engaging content they are looking for, and the ability to interact with it. They’ll get “Happy,” just like Pharrell.

For helping to show the way with interactive video, and for his dazzling displays of hat-wearing prowess we give Pharrell and the whole production team behind "Happy" a big ol' hats off.

Pharrell Williams Interactive Video - Happy Hats Off


Web Video for the Digital Omnivore

Did you know that 86 percent of U.S. consumers admit to multitasking while they’re watching TV? That’s according to a recently released survey by Deloitte’s technology, media, and telecommunication trends group. The consulting company analyzed tech usage and media consumption in more than 2,000 consumers over the age of 14 across the United States.

Not only are 25 percent of TV viewers multitasking, but they’re doing activities unrelated to the program they’re watching, according to the Deloitte survey. Just imagine what that could mean if what they’re watching is important, and they need to know the information. This finding is just as applicable to web video as it is to TV. After all, to most digital omnivores, it's just another screen and multitasking while watching a web video can be just as easy.

Digital Omnivores

AVOID "CLICK AND PLAY AND WALK AWAY."

Critical to any web video is the engagement factor — if your viewers aren’t into what they’re watching, they’re not going any further. Nor are they learning. They’re clicking play and walking away.

Giving viewers the ability to click and interact with a web video keeps them interested and engaged with what's in front of them. Not to mention it really hammers home the information they’re watching.

Digital Omnivores

THE DIGITAL OMNIVORE'S DILEMNA

We know that people are watching more streamed video content than ever before,
and the Deloitte survey picked up on that too. Consumer interest in streaming nearly doubled from 17 percent in 2012 to 32 percent in 2013.

Even more interesting is the idea that more than a third of Americans are Digital Omnivores, or people who own a trio of laptops, tablets, and smartphones. And with so many buzzing devices, it’s easy to get distracted.

HapYak’s web video platform treats your viewers like human beings, giving them choice, control, and convenience for whatever they’re watching. They’ll stay interested, and you’ll get results. With more and more of the workforce becoming digital omnivores it's crucial to understand how to keep a viewer engaged, excited and concentrating on the video.


What's In It For Me? The Ever-Present Question For Web Video Viewers

Any content developer will tell you in order for your audience to connect with your work, you’ll have to give them a reason to stick around. Viewers and readers want to know “what’s in it for me?” before they engage with your content any further than the first click.

This question is crucial in the world of web video, a world that's growing even faster than we had ever anticipated. This amazing video by Shutterstock and comScore puts that growth in stark and simple terms.

The most interesting highlight is that in January of this year, 190 million Americans watched an average of 397 online videos. 36% of those videos were ads. That's about 143 ads per person in one month.

Web Video Viewing in USA

Businesses are going to spend about $5.7 Billion on online video advertising this year - nearly 40% more than last. There's a reason. Video works in any context, any medium, any language. Heck, if the video's interesting you might watch it even if it's in a different language. Check out the French, German and Portuguese versions (each with region-specific statistics).

Interactive Video in any Language

It's a massive and growing opportunity. But also a challenge. How do you make sure your ad stands out from the other 143? How do you make sure it doesn't pass by undetected but rather transforms a viewer to an activated viewer?

Web Video Ad Spend and Views

THE SECOND CLICK: THE TRUE PURPOSE OF WEB VIDEO

With video, the first click is easy. It’s practically a reflex at this point to press play when you see it on a web video. But how do you get your viewers to make that second click? How do you get them to answer the “what’s in it for me” question?

The answer is in the interactivity. Give your viewers the choice, the control, and the convenience over what they’re watching and they’ll appreciate it. With the freedom to follow their own path, discover amazing things, make decisions, and take actions, a viewer’s personal experience with your content helps makes it stand out. And your video will be the one they remember out of a hundred and forty-three.