Class9_Oct16_ITMD465-565_19F.pdf - ITMD 465/565 Rich Internet Applications Lecture 9 Fall 2019 – • Midterm questions • Couple more AJAX Examples

Class9_Oct16_ITMD465-565_19F.pdf - ITMD 465/565 Rich...

This preview shows page 1 - 7 out of 20 pages.

ITMD 465/565 Rich Internet Applications Lecture 9 Fall 2019 – October 16, 2019
Image of page 1
Tonight’s Agenda Midterm questions? Couple more AJAX Examples with POST HTML5 APIs Introduction Canvas API demos (maybe depends on time) ITMD 465/565 - School of Applied Technology - Illinois Institute of Technology 2
Image of page 2
HTML5 APIs Quick starting look ITMD 465/565 - School of Applied Technology - Illinois Institute of Technology 3
Image of page 3
HTML5 Video & Audio Built in support for playing audio and video in the browser without plugins like flash or silverlight Uses the <video> or <audio> tag for basic support. Traditionally format/codec support was mixed between browser manufacturers and we needed to supply different formats As of 2016 h.264 mp4 and mp3 is supported in most browsers You can provide fallback content inside the tag if the browser doesn’t support it There are attributes for controls, autoplay, loop, preload. See element docs ITMD 465/565 - School of Applied Technology - Illinois Institute of Technology 4
Image of page 4
HTML5 Video & Audio The <source> tag can be nested inside the <video> or <audio> tag to supply multiple formats <video src="" controls> <p>Your browser does not support the <code>video</code> element.</p> </video> <video controls> <source src="SampleVideo.ogv" type="video/ogv"> <source src="SampleVideo.mp4" type="video/mp4"> <p>Your browser does not support the <code>video</code> element.</p> </video> The <video> and <audio> elements have methods attached for controlling playback ITMD 465/565 - School of Applied Technology - Illinois Institute of Technology 5
Image of page 5
Geolocation The geolocation API allows the user to provide their location to web applications if they so desire. For privacy reasons, the user is asked for permission to report location information. The API is published through the navigator.geolocation object getCurrentPosition() method is used to query the browser for a location object Takes a callback function that runs when the browser responds with a location watchPosition() method can be used to continually update the position navigator.geolocation.getCurrentPosition(function(position) { do_something(position.coords.latitude, position.coords.longitude); });
Image of page 6
Image of page 7

You've reached the end of your free preview.

Want to read all 20 pages?

  • Fall '19

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern

Stuck? We have tutors online 24/7 who can help you get unstuck.
A+ icon
Ask Expert Tutors You can ask You can ask You can ask (will expire )
Answers in as fast as 15 minutes
A+ icon
Ask Expert Tutors