Video API and Coding Graduate Seminar Dr. Jinan Fiaidhi

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

Embedding Multimedia Bronze Level – Optional. Contents Embedding from YouTube Uploading to the Media Server Embedding from the Media Server Copyright.
INTEGRATING YOUTUBE INTO TEACHING & LEARNING. What is YouTube?  video sharing website where users can upload, view, & share video clips  allows users.
Neal Stublen Pre-HTML5 Solutions  Audio and video were embedded in pages using plug-ins Apple Quicktime Microsoft Silverlight Adobe.
Video, audio, embed, iframe, HTML Form
IDK0040 Võrgurakendused I RSS 2.0 Deniss Kumlander.
Different Streaming Technologies. Three major streaming technologies include:
CAPTIONING VIDEOS FOR YOUTUBE Marisol Miranda, Beth Coombs.
| Basel Discovering Windows Azure Mobile Services and Media Services Ken Casada
WEBSITE UPGRADE: ADDING VIDEO AND AUDIO GREG YANKEY.
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.
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.
Getting Started Setting a Theme Setting up Pages Making a Menu Adding Video to your Page Setting Up Your Contact Page Extra Website Content.
Configuring Social Media, Google Analytics, and Gadgets Lila Bronson Training Manager, OmniUpdate, Inc.
Proprietary & Confidential The Thread That Ties it All Together Voicethread and Discovery Education Jennifer Dorman denblogs.com/jendorman.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Core Publisher: Creating Programs & Podcasts. Training 1: Site Administration Training 2: Programs Training 3: Content Tagging Training 4: Creating Posts.
Product Feeds. What is a Product? In marketing terms, a product is an item, service or idea that is for sale Examples are: A flight with set dates and.
Embedding CenterView and Hosting External Content.
Using Wikis in Education Caroline County Educational Technology Workshop August 1, kispaces.com/
XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.
Foxbright – Smarter Education Websiteswww.foxbright.com Foxbright Training Foxbright Teacher Pages
 How to create a quiz and teacher code. 1)First find a video on Youtube or other video hosting website and copy the embed code (Video embed code pictured.
Guide for Mahara My Views PY1 team 3 - Yihong Huo, Jian Ren, Poonam Kala 1Guide of My Views - Team 3.
Videos, the More Tag, Permalinks, and Shortlinks.
Using RSS Feeds for Distributing Videos Dr. Rick Jerz St. Ambrose University Davenport, Iowa 1.
Creating Google Sites Laura Assem, Director of Technology.
A Tour of Google Apps learn.cssd.ab.ca. Google Apps provide tools for creating, learning and sharing. Signing into your learn account gives you access.
CharMeck.org Contributer Training SharePoint 2013 Orientation and Basic Training.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Advanced Website Training: June, 2010 Insert Images as Your Background Using Google Docs for Document Hosting Custom Contact Forms on Your Website.
HTML (Advanced) -forms, iframe, audio, video. Outline – Forms – iFrames – Audio/Video.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring Forms, HTML5 layout.
Presented By:. What is JavaHelp: Most software developers do not look forward to spending time documenting and explaining their product. JavaSoft has.
INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Presented by Karen Porter UM School of Business Administration & ImpactOnlineMarketing.com Adding Links & Multi-Media.
CHM Portal Tool Kit Miruna Bulandra Finsiel Romania Copenhagen, 5 June 2002.
How To Upload YouTube Video?. Copy The Video From Your Camera To Your Computer Before you upload the video to YouTube, make any edits that.
HTML Structure & syntax
Search Engine Optimization
Advanced HTML Tags:.
AEM Digital Asset Management - DAM Author : Nagavardhan
Interact 2: Options for organising and presenting content
Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,
Supervisor: Prof Michael Lyu Presented by: Lewis Ng, Philip Chan
Syndication For Search Engines
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Embedding Media into Web Pages
Building a Custom Video Player
RSS What can it do for you? Rachel Hyland Systems Librarian
TECHNOLOGY INTEGRATION
BrightSign Network Secure, scalable and affordable cloud-based digital sign network service.
Essentials of Web Pages
Client-Side Internet and Web Programming
يوتيوب YouTube الفصل الأول 2017 / 2018
Basic HTML and Embed Codes
denblogs.com/jendorman
Serpil TOK, Zeki BAYRAM. Eastern MediterraneanUniversity Famagusta
3C Media Solutions Live Online Training
Performance and Scalability Issues of Multimedia Digital Library
YouTube Features There are many features available in YouTube to help you customize your channel and support your brand. These features are available to.
5.00 Apply procedures to organize content by using Dreamweaver. (22%)
Making Social Media Posts Accessible
Become a Google Calendar Pro.
Feeding Your Website: Video Strategy & Closed Captions
3C Media Solutions Live Online Training
Presentation transcript:

Video API and Coding Graduate Seminar Dr. Jinan Fiaidhi Name: Akshitkumar Patel Student ID: 0577498

outline You Tube Front-End API Back-End API API for YouTube Player Back-End API Upload Video Search Video Create Playlist Live Streaming Caption You-Tube Android Player API Conclusion References

Preview What is API? What is coding? Make simple video application using HTML 5.

YouTube APIS It has two types of APIS Front-end Back-end (Player) (YouTube Data feed)

Front-end (Player) APIs With an embedded YouTube player, you can integrate the YouTube video playback experience directly in your web page or application. You can use player parameters to customize the player's appearance, and you can also use Player APIs to control the player directly from your web page or app. The player parameters document explains how to embed a YouTube player in your app and customize the playback experience by adding parameters to the player URL. Without writing any code, you can embed a player that plays either a video, search results for a specified query term, or any playlist, such as a list of videos uploaded to a your channel. [1]

apis for YouTube player

Back-end (YouTube data) apis The YouTube Data API (v3) lets you perform many operations available on the YouTube website and enables your app to have a deep integration with YouTube. Using this API, you can search for content, upload videos, create playlists, manage subscriptions, and much more. The YouTube Live Streaming API lets you create, update, and manage live events on YouTube. Using the API, you can schedule events (broadcasts) and associate them with video streams, which represent the actual broadcast content. [1]

api For upload video The following code samples, which use the Google APIs Client Library for .NET, are available for the YouTube Data API videos.insert method to upload a video to the channel associated with the request.

api for search video Search.List method to retrieve search results associated with a particular keyword.

Playlist A playlist is a collection of videos that can be viewed sequentially and shared with other users. A playlist can contain up to 200 videos, and YouTube does not limit the number of playlists that each user creates. A user can view and edit his list of playlists on his account page. Playlists can be public or private. A playlist will be publicly visible to other users unless it has been explicitly been designated as a private playlist. To create a playlist, you must provide a title and description for the playlist.

API for create playlist Playlist.Insert method use to create a private playlist owned by the channel authorizing the request.

Adding a video to a playlist To add a video to a playlist, send an API request that identifies the unique ID that YouTube assigned to the playlist as well as the unique ID that YouTube assigned to the video. By default, the newly added video will be added to the end of a playlist.  To insert a video into a different spot in the playlist, include the <yt:position> tag in your request and set its value to the position where the video should appear in the playlist. [1]

Live Streaming A stream identifies the audio-video content that is being communicated to YouTube. Each broadcast is associated with one video stream. Having created your livestream resources, you now need to associate the two using liveBrodcasts.bind method. This liveBroadcasts.bind method, set the id parameter to the broadcast ID obtained and the streamId parameter to the stream ID obtained.

Live Streaming API The code samples below are for an application that calls the API's Livestrem.List method to retrieve a list of video stream settings that a channel can use to broadcast live events on YouTube.

YouTube API – Captions Adding captions to your video files can help users to locate and understand your videos. You can add captions to a video via the API by creating a caption track and uploading it. YouTube supports a variety of caption file formats, including plain text transcripts. The caption file must be 1MB or smaller. YouTube supports many different formats for caption files, including RealText (.rt), SAMI (.smi) and Media RSS. YouTube also supports a simple format that is compatible with both the SubRip (.SRT) and SubViewer (.SUB) formats. In this simple format, each caption is divided into three segments that appear in the following order: HH:MM:SS.FS Where, HH – Hours (00, 01, etc.) MM – Minutes (00-59) SS – Seconds (00-59) FS – Fractional seconds (.000-.999) [1]

Example of caption format 1 00:01:23,000,0:01:25.000 Do: I am gonna give you guys A little kind of peek 0:02:20.250,0:02:23.8 Behind the scenes of what it is Taken to scale YouTube. 0:03:14.159 I cannot really go Into a whole lot of detail. [1]

Simple HTML code for caption <video width="640" height="480" controls>   <source src="video.mp4" type="video/mp4" />   <source src="video.webm" type="video/webm" />   <track src="subtitles.srt" kind="subtitles"srclang="en" label="English" /> </video> [1]

YouTube Android Player API The YouTube Android Player API enables you to incorporate video playback functionality into your Android applications. The API defines methods for loading and playing YouTube videos (and playlists) and for customizing and controlling the video playback experience. Using the API, you can load or cue videos into a player view embedded in your application's UI. You can then control playback programmatically. For example, you can play, pause, or seek to a specific point in the currently loaded video.

Create YouTube app First, we need to enable to “YouTube data API V3”. Then you will find API key. This API key will be used to access YouTube Android Player APIs. And last we need INTERNET permission to play video over internet. Add below permission in your application in .xml file. <uses-permission android:name=“android.permission.INTERNET” />

Define Layout Now, we will create an simple layout that uses YouTubePlayerView inside an LinearLayout.

Initialize YouTube Player Initializing YouTube player view by calling initialize methood. Once the initialize is successful, you will get the onInitializationSuccess() callback with YouTubePlayer instance. You can add additional listeners to handle the playback control events.

Conclusion In conclusion, You can use these APIs to build your own video application. For example, Blackberry use their own APIs (BBM Platform APIs) to create video or any other applications.

References http://html5doctor.com/video-subtitling-and-webvtt/

Thank You