SHAREPOINT PAKISTAN USER GROUP #1 SHAREPOINT COMMUNITY IN PAKISTAN AND ASIA HTML5 and SharePoint 2013.

Slides:

Advertisements

Similar presentations

What is Multimedia ? Multi ( Multiple ) and Media ! So…. Information in multiple formats, including text, images, audio, video and animation :) It makes.

Advertisements

Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

Chapter 11 Media and Interactivity Basics Key Concepts

Rich Media & Video presented On the agenda HTML5 Hosted vs. on-premise HTML5 in SharePoint Beyond video: rich media in SharePoint.

HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.

HTML Structure & Web Design Basics

LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 17: Video, Audio, and Other MultiMedia.

More CSS - Page layout + HTML5 new features Boriana Koleva Room: C54

HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.

INF Web Design Using Multimedia on the Web Video - Part 1.

M ULTIMEDIA ON THE W EB. Multimedia Purpose of Multimedia Multimedia Issues Animation Digital Audio fundamentals Browser Plug-ins Java Applets.

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

Chapter 15 HTML 5 Video and Audio Intro to HTML5 1.

HTML5 and its Role in eLearning. What is HTML5 ? New standard of HTML from the Web Hypertext Application Technology Working Group (WHATWG) and the World.

CONTRASTED HTML5 & FLASH ANIMATION EFFECTS.  HTML5 AND FLASH ANIMATION CONTRASTED  ANIMATION IN WEBSITE DESIGN AND PRESENTATION  HTML5, JavaScript,

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.

Video on the Web. The Evolution of web video formats… WebM (Supported by Google) Ogg (Supported by Theora) Mp4 (h264 video encoding) WebM (Supported by.

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.

HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.

Using HTML 5.  HTML 5 uses a standard method to embed audio into Web pages.  Prior to HTML 5, browser plug-ins or separate applications such as Windows.

HTML5 GEOLOCATION AND SHAREPOINT GEOLOCATION What is Geolocation? How easy it is to use this service? Can we do something without Javascript?

Suleyman YILDIRIM.  Overview  Browser support  Scalability  Performance  Demos  Added value to the project.

Programming Games Show your cannonball. HTML5 video. Miro. Classwork/Homework: Acquire video, convert to multiple formats, and produce simple (just html)

By: Toms Linnes Mrunal Patel.  Universal  With qooxdoo you build rich, interactive applications, native-like apps for mobile devices light weight single.

HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.

SharePoint Pakistan User Group The first and only SharePoint user community in Pakistan One of the best in Asia!

Indicator * File types vary based on: * Ability to compress sound * Ability to maintain sound quality * Universal or software dependent * Sound.

Wijmo Troy Taylor. What is Wijmo? -Wijmo is a kit of over 40 UI widgets, optimized for client-side web development. -HTML5 -jQuery -CSS3 -SVG.

1 5 things you need to ask about your multi-screen video campaigns. Dan Mouradian, Technical Creative Director Tamara Weinstein, Manager,

HTML 5 Tutorial Chapter 3 Video. Video HTML 5.0 provides a standard for showing video. Using the element we can easily embed video within our web page.

Problems When Porting Flash Game to HTML5 Zhifeng Chen Founder of NTFusion.

CHAPTER 15 HTML 5 VIDEO AND AUDIO Intro to HTML5 1.

HTML 5. Introduction In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins.

HTML5 Video Player For SharePoint HTML5 Background Why creating video player in HTML5 is easy? Can we do it without Javascript? Easy or Difficult?

Web Design Vocab 7 Absolute, Cache, Codec, CSS, Gamma.

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.

Rich Internet Applications 9. HTML 5 and RIAs. HTML 5 Standard currently under development by W3C Aims to improve the language with support for the latest.

Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.

FLASH, VIDEO & AUDIO How to add Flash movies into your site How to add video and audio to your site HTML5 and elements.

Browser Compatibility Testing, using different browsers Conditional Statements.

丁建文國立高雄應用科大資管系副教授兼任計網中心軟體發展組組長跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.

M ULTIMEDIA ON THE W EB. Multimedia Purpose of Multimedia Multimedia Issues HTML5 and elements CSS Transitions and Animations Animation to avoid.

Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.

RE-ENGINEERING FLEX APP TO JAVASCRIPT APP By Imtiaz Syed.

Why is HTML5 a buzz word? Is HTML5 really a technology worth talking?

CHAPTER 10 AUDIO AND VIDEO. MEDIA PLAYER API HTML5 contains an API (Application Programming Interface) for controlling audio and video players embedded.

Chapter 9 HTML 5 Video and Audio

JQuery Fundamentals Introduction Tutorial Videos

Chapter 4: Feature Detection & Drag and Drop

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

Chapter 9 HTML 5 Video and Audio

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

Chapter 4: HTML5 Media - <video> & <audio>

Audio and Video on the Web

HTML5 Level II Session II

WEB 407 Competitive Success/snaptutorial.com

WEB 407 Education for Service-- snaptutorial.com.

WEB 407 Teaching Effectively-- snaptutorial.com

Playing Audio (Part 2).

Audio and Video Chapter 10.

Playing Video (Part 2).

Web Development & Design Foundations with H T M L 5

How to add audio and video to your website

Giuseppe Attardi Università di Pisa

Show your animation project. HTML5 video. Miro.

Presentation transcript:

SHAREPOINT PAKISTAN USER GROUP #1 SHAREPOINT COMMUNITY IN PAKISTAN AND ASIA HTML5 and SharePoint 2013

Are you Ready? Are you excited? What is HTML5? Is this a start of new web designing era? Impact on browser based applications

HTML5 Uses and Advantages You are not dependent on Flash anymore You can create rich applications for both web and mobile devices Create animations using Canvas. Create amazing applications by using HTML5 with JavaScript. Take advantage of popular JavaScript libraries, for example, JQuery GeoLocation is a cool new feature that lets you find out where in the world your visitors are. Adding audio and video to your web pages is a breeze now. Simplicity: You can create useful complex applications with ease.

Compatibility Issues H.264: IE 9, Chrome, Safari Ogg Theora: FireFox, Chrome, Opera WebM: FireFox, Chrome, Opera

HTML5 AUDIO/VIDEO FILE TYPES MP3 Ogg Vorbis WAV H.264 Ogg Theora WebM

Add MIME type in IIS

Debugging your page F12 is your friend

Third party convertors

Install Video Codes Which codecs you need to install Where to download How to install How to configure Testing video with new codecs

Demo (20 mins)

Questions

Visit We are the #1 SharePoint community in Asia