Audio and Video Chris McConnell Department of Radio-TV-Film November 30, 2006.

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

Share PowerPoint on your blog, via iPod or on YouTube !
Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
Embedding Multimedia Bronze Level – Optional. Contents Embedding from YouTube Uploading to the Media Server Embedding from the Media Server Copyright.
Chapter 11 Media and Interactivity Basics Key Concepts
1 Multimedia on the Web: Issues of Bandwidth Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each second.
Searching & Saving Web Resources ADE100- Computer Literacy Lecture 23.
1 ETT 429 Spring 2007 Microsoft Publisher II. 2 World Wide Web Terminology Internet Web pages Browsers Search Engines.
Best Practices for Website Design & Web Content Management.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Maximizing Teaching & Learning For the Short Course.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
HYPERTEXT MARKUP LANGUAGE (HTML)
Dawn Pedersen Art Institute. Introduction All your hard design work will suffer in anonymity if people can't find your site. The most common way people.
Agenda Overview 2.What is SharePoint? 3.NCDOT Websites 4.Roles 5.Search 6.SharePoint Interface.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Review of last Session Adding custom html Adding custom html HTML is the language that web servers understand, all web pages are created using HTML. HTML.
Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
CHAPTER 18 INTEGRATING AUDIO AND VIDEO. LEARNING OBJECTIVES How the HTML 5 and tag pair can be used to include a video file within a webpage How video.
PDF Wikispaces Blogging PBWorks You are now ready to cut the red ribbon and unveil your project to your intended audience.
Free e-Sources for English Language Teachers by Wallace Barboza Carolina TESOL December 6th, 2008 Charleston, SC.
Proprietary & Confidential The Thread That Ties it All Together Voicethread and Discovery Education Jennifer Dorman denblogs.com/jendorman.
Chapter 11-Multimedia Authoring Tools. Overview Introduction to multimedia authoring tools. Types of authoring tools. Cross-platform authoring notes.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Podcasting World Languages OEC 2009 JoNelle Gardner
Dynamic Web Pages (Flash, JavaScript)
Enterprise & Intranet Search How Enterprise is different from Web search What to think about when evaluating Enterprise Search How Intranet use is different.
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
Audio and Video CGS Some Common Audio Formats Format Use Extension MIDI instrumental music.mid MPEG songs.mp3 RealAudio live broadcasts.ra Wave.
Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Overview In this tutorial you will: learn different ways to conduct a web search learn how to save and print search results learn about social bookmarking.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
The New Elements © Main Menu Structure Media Canvas Form Click on one of the categories below to view information about the new HTML5 elements in.
A Basic Web Page. Chapter 2 Objectives HTML tags and elements Create a simple Web Page XHTML Line breaks and Paragraph divisions Basic HTML elements.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Blogging Suitable for: Advanced.
Tutorial 7 Designing a Multimedia Web Site
The S&I Tools & Repository April 12 th, S&I Tools and Repository Agenda: siframework.org S&I Repository repository.siframework.org.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
Introduction to Omeka. What is Omeka? - An Open Source web publishing platform - Used by libraries, archives, museums, and scholars through a set of commonly.
 The meaning of multimedia is the use of a variety of artistic or communicative media.
HTML5 Audio and Video. Slide 2 History Playing audio and video used to be something of a novelty You would embed a control (with the element) into your.
Data Integration Hanna Zhong Department of Computer Science University of Illinois, Urbana-Champaign 11/12/2009.
What is Voice Thread? VoiceThread is an application that runs inside your web browser, so there is no software to download, install, or update. VoiceThread.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
The World Wide Web. What is the worldwide web? The content of the worldwide web is held on individual pages which are gathered together to form websites.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
© 2015 albert-learning.com Internet 101. © 2015 albert-learning.com Internet 101 Vocabulary  Browser - a program used to view the Internet.  Click -
Resources in Moodle Dubravka Crnić. Moodle supports a range of resource types which teachers can add to their courses. In edit mode, a teacher can add.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
ITL conference 2003 Putting Your Content on a Diet Using rich online media without download woes.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Data mining in web applications
Search Engine Optimization
Advanced HTML Tags:.
How to get the best results from your website and images.
CHAPTER 8 Multimedia Authoring Tools
Dynamic Web Pages (Flash, JavaScript)
Playing Audio (Part 2).
HTML5 Media.
Presentation transcript:

Audio and Video Chris McConnell Department of Radio-TV-Film November 30, 2006

Overview Structured vs. Unstructured Data The Big Challenge Problems with Audio Some Audio Solutions Problems with Video Some Video Solutions Conclusion

Structured vs. Unstructured Data Data management folks often talk about two kinds of data in the enterprise. Structured data has a format that is enforced through software. Unstructured data is not easily understood by computers.

Structured Data Structured data is contained in a way that makes it easy for computers to index and search The short answer is that structured data is in a database. Things like XML files lie in a sort of gray area between structured and unstructured.

Unstructured Data Unstructured data is just about anything else that doesn’t have a predictable structure. Text documents ( , HTML, Word0 Images Audio Video

Unfortunately, it gets more complicated It’s useful to break out this category in a few different ways. Text vs. “bitmap” data Text can be read by crawlers, discovery packages, etc. Good IA should make text easier to understand for automated tools.

Bitmap Data Bitmap data represents images, audio, or video as a series of numbers that represent each slice of a file. Darn near impossible for computers to extract meaning from the content itself. Many vector-based data types like Illustrator, Flash, MIDI, and maybe PDF suffer from a similar problem.

Metadata Some bitmap data formats like mp3 offer the ability to add metadata that provides more context or structure for the content. However, video files provide operational meta data, but, if there’s space for metadata about the content, it’s rarely used, making video an even greater IA challenge.

Some Audio Problems Even if mp3s have metadata that reveal title, artist, and other information, this information is rarely used on the Web. Web browsers do not display this information. Web pages rarely provide context in an useful way.

Case Study: Slumber Party Pitchfork record review site allows users to click through directly to mp3s on record label sites.click through directly to mp3s on record label sites When mp3 is playing, users have little idea what they’re listening to. The record label has an even worse IA situation…even worse IA

More Audio Problems To keep users from downloading mp3s, many labels and mainstream publications use Flash or Javascript players. These players are often oft-the-shelf solutions, which do not display IDv3 tags. Example: XXLXXL

Some Solutions Use embedding to make an mp3 playable within a page, with appropriate labels. An mp3 download link can be provided for downloading or users with older browsers. Working with Flash, add context to the Flash file. Example: Warners Bros. Flaming Lips site.Warners Bros. Flaming Lips site However, it is difficult to provide a URI for embedded content.

Embedding mp3s This allows you to create contextual text that describes the file. In addition, it creates a URI for a contextual page for the song.

Problems with Video As with mp3s, many video files play in a browser window with little additional context. Example.Example Video is often difficult to describe or label, especially if it’s so-called “viral video”

Medium-Specific Video Problems Time-based media are difficult to scan or “scrub” for particular content. Search engines cannot index video content, unless transcripts are provided on an HTML page. Users may not have the patience to get to the good stuff.

Tagging Solutions Tagging allows users to create descriptive labels for video. Example: YouTube YouTube YouTube’s tagging system still does not allow users to identify interesting content inside the video. “Deep Tagging” allows users to mark and label points in the video. Example: MotionBox MotionBox

References Weglarz, Geoffrey. “Two Worlds of Data – Unstructured and Structured,” DM Review September 2004.Weglarz, Geoffrey. “Two Worlds of Data – Unstructured and Structured,” DM Review September 2004 “Add Voice to your Site: The html EMBED Tag” Access from voices.com/resources/addaud.htmlhttp:// voices.com/resources/addaud.html “Deep Tagging and the Embeddable Motionbox Player” Motionbox Blog. September 13, 2006.“Deep Tagging and the Embeddable Motionbox Player” Motionbox Blog. September 13, 2006.