HTML5 Video
•Download as PPTX, PDF•
0 likes•353 views
A little presentation about HTML5 video capabilities. SzegedTech Meetup 2013. A video from the presentation available here in Hungarian: https://www.youtube.com/watch?v=1D6QHpEcPzA
Report
Share
Report
Share
Recommended
0025 todo lo_que_queria_saber_de_html5_y_no_se_animaba_a_preguntar
The document discusses new features in HTML5 including media elements like <video> and <audio>, the <canvas> element for drawing graphics, and SVG for vector graphics. It outlines IE9's support for HTML5 specifications and how it will provide an interoperable and high performance experience for HTML5 features through GPU acceleration and standardized markup and JavaScript implementations.
The state of navigator.register protocolhandler
The document discusses the navigator.registerProtocolHandler feature in web browsers. It allows websites to register custom protocols that can be triggered from links. The support for this feature exceeds 0.01% of users. Recent fixes addressed replacing only the first placeholder and removing an unnecessary parameter from unregisterProtocolHandler tests. Future work may involve handling security issues from hijacking or spamming and potentially adding an isProtocolHandlerRegistered method.
Chromium contribution
Chromium provides guidelines for contributing code changes (CLs) to the project. Contributors should first agree to the Contributor License Agreement (CLA) and find an area to contribute such as fixing bugs, improving performance or implementing new specifications. The document outlines the steps to make a CL including preparing the code change, writing a commit message, uploading it for review, addressing feedback, and submitting for commit. It also provides tips for building and debugging Chromium faster using tools like ICECC and debugging with GDB and logs. Overall, the document serves as a guide for developers interested in contributing to the open source Chromium project.
Rapid Application Development in Plone - Paul Roe
A case study regarding how a fairly complex learning system was developed in Plone by way of a tool that takes a UML diagram and converts it into working code.
Multimedia in Plone - Andy Nicholson
Andy is an active contributor to the Plumi project, a distribution of Plone specifically designed for rich multimedia sites. He will discuss some of the different multimedia options available for Plone today.
Chromium wayland
This document provides an overview of Chromium's transition to using Wayland instead of X11. It discusses the motivation for the change, backgrounds on key technologies like Aura, Ozone, and Views. It outlines the history of the project from its start at Intel to Igalia taking over. It demonstrates an initial demo and discusses remaining tasks and plans to upstream the changes to Chromium.
JS Days Mobile Meow
This is the story of the glory and struggle of bringing a high quality YouTube experience to the mobile web. Once upon a time there was a web developer who wanted to play videos on the web. So he filmed a cat and wrote a Flash and a HTML5 player. He spent many hours making it work on his favorite desktop browsers and even the one his grandfather still used. People could watch his cat video, he smiled, and the world was good. Then one day someone put a browser in a phone and soon there were many phones with many different browsers. This new set of environments were even harder to develop for and had a slew of new terrifying bugs. The web developer was miserable knowing people couldn’t watch his cat video. With much time and effort he figured out many of the secrets needed to combat the evils of the different mobile platforms. Once again people could watch his cat video, he smiled, and the world was good. The end.
"Full Stack Web Developer" or "Delphi (and RDBMS) Developer"?
The document discusses various tools and technologies used for internet and app development including PHP, PHPStorm, MySQL, version control systems like Git and SVN, debugging tools, frameworks like WordPress, APIs, programming languages like Python and JavaScript, and mobile app development platforms. It also mentions server technologies like Apache, databases like MongoDB and MariaDB, and development environments like Docker, Node.js, and IDEs like PHPStorm, Notepad++, and PyCharm.
Recommended
0025 todo lo_que_queria_saber_de_html5_y_no_se_animaba_a_preguntar
The document discusses new features in HTML5 including media elements like <video> and <audio>, the <canvas> element for drawing graphics, and SVG for vector graphics. It outlines IE9's support for HTML5 specifications and how it will provide an interoperable and high performance experience for HTML5 features through GPU acceleration and standardized markup and JavaScript implementations.
The state of navigator.register protocolhandler
The document discusses the navigator.registerProtocolHandler feature in web browsers. It allows websites to register custom protocols that can be triggered from links. The support for this feature exceeds 0.01% of users. Recent fixes addressed replacing only the first placeholder and removing an unnecessary parameter from unregisterProtocolHandler tests. Future work may involve handling security issues from hijacking or spamming and potentially adding an isProtocolHandlerRegistered method.
Chromium contribution
Chromium provides guidelines for contributing code changes (CLs) to the project. Contributors should first agree to the Contributor License Agreement (CLA) and find an area to contribute such as fixing bugs, improving performance or implementing new specifications. The document outlines the steps to make a CL including preparing the code change, writing a commit message, uploading it for review, addressing feedback, and submitting for commit. It also provides tips for building and debugging Chromium faster using tools like ICECC and debugging with GDB and logs. Overall, the document serves as a guide for developers interested in contributing to the open source Chromium project.
Rapid Application Development in Plone - Paul Roe
A case study regarding how a fairly complex learning system was developed in Plone by way of a tool that takes a UML diagram and converts it into working code.
Multimedia in Plone - Andy Nicholson
Andy is an active contributor to the Plumi project, a distribution of Plone specifically designed for rich multimedia sites. He will discuss some of the different multimedia options available for Plone today.
Chromium wayland
This document provides an overview of Chromium's transition to using Wayland instead of X11. It discusses the motivation for the change, backgrounds on key technologies like Aura, Ozone, and Views. It outlines the history of the project from its start at Intel to Igalia taking over. It demonstrates an initial demo and discusses remaining tasks and plans to upstream the changes to Chromium.
JS Days Mobile Meow
This is the story of the glory and struggle of bringing a high quality YouTube experience to the mobile web. Once upon a time there was a web developer who wanted to play videos on the web. So he filmed a cat and wrote a Flash and a HTML5 player. He spent many hours making it work on his favorite desktop browsers and even the one his grandfather still used. People could watch his cat video, he smiled, and the world was good. Then one day someone put a browser in a phone and soon there were many phones with many different browsers. This new set of environments were even harder to develop for and had a slew of new terrifying bugs. The web developer was miserable knowing people couldn’t watch his cat video. With much time and effort he figured out many of the secrets needed to combat the evils of the different mobile platforms. Once again people could watch his cat video, he smiled, and the world was good. The end.
"Full Stack Web Developer" or "Delphi (and RDBMS) Developer"?
The document discusses various tools and technologies used for internet and app development including PHP, PHPStorm, MySQL, version control systems like Git and SVN, debugging tools, frameworks like WordPress, APIs, programming languages like Python and JavaScript, and mobile app development platforms. It also mentions server technologies like Apache, databases like MongoDB and MariaDB, and development environments like Docker, Node.js, and IDEs like PHPStorm, Notepad++, and PyCharm.
The Rich Standard: Getting Familiar with HTML5
HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
Web Design And Development With Open Source
This is my presentation at "Software Freedom Kosova Conference 2009" where I spoke about Web Design and Development with Open Source tools. The conference was held in Pristina, Kosova on 29 and 30 August 2009. This presentation was done with Open Office Impress.
Show & tell - Who is Hugo?
1. Hugo is a static site generator that builds websites via the command line without a GUI.
2. Hugo is fast at compiling pages, taking around 25 milliseconds, and is used to turn structured content from a CMS into HTML.
3. While Hugo is good for performance, its documentation and templates can be inconsistent, rigid, and repetitive, making it difficult to do more complex designs. Developers iterated to play to Hugo's strengths and use it only for final compilation.
Hugo - Introduction
Hugo is a static site generator that renders HTML files from templates and content. It is optimized for speed, flexibility, and easy use. Hugo takes Markdown files and templates and renders them into static HTML files that can be hosted without running any server-side code. This allows sites generated with Hugo to have faster load times and be more secure compared to traditional server-side site generators.
Webkit overview
The document discusses the major components of Webkit, a rendering engine used in web browsers. It describes how Webkit loads and parses web pages through components like the network loader, HTML parser, CSS parser, DOM tree builder, and render tree builder. It then explains how the DOM tree and CSS styles are used to construct the render tree, which is used by the graphics context to display web pages. The normal flow of processing and rendering a web page in Webkit is outlined.
Galleries comparision23
Smugmug, Flickr, ImageShack, Minus, and Photobucket are websites that allow users to upload and share photos. They differ in features like maximum storage capacity, ability to customize galleries, and support for private galleries. Smugmug, Flickr, and Photobucket allow unlimited uploads and more customization options, while ImageShack and Minus have lower storage limits but are easier to use. The document provides a table comparing the key features of each site.
GDD HTML5, Flash, and the Battle for Faster Cat Videos
This document discusses the ongoing battle between HTML5 and Flash for online video playback. It outlines features still missing from HTML5 like content protection, camera/mic access, and consistent format support. It also analyzes performance data showing HTML5 starting videos faster but Flash still leading on some browsers. Optimization techniques for Flash like preloading connections and lazy loading are discussed. The future of HTML5 video is promising but Flash still has advantages for critical features and reach that many sites prefer for now.
JS Days HTML5 Flash and the Battle for Faster Cat Videos
HTML5; it’s new, it’s awesome, and it’s powerful, but can it take down the champ of video distribution, Flash? Which technology’s got the ability to bring cat video to the next level. This talk will cover the many challenges of both HTML5 and YouTube adapting to change video distribution on the web.
HTML5, Flash, and the Battle For Faster Cat Videos
HTML5; it's new, it's awesome, and it's powerful, but can it take down the champ of video distribution, Flash. Which technology's got the ability to bring cat video to the next level? This talk covers the many challenges of both HTML5 and YouTube adapting to change video distribution on the web.
Html5 Open Video Tutorial
The document provides an outline and overview of HTML5 video including:
1) Basics of setting up HTML5 video including recommended software, codecs supported by browsers, and standards being developed.
2) Details on editing and preparing video for the web including transcoding, publishing video on a webpage, and using JavaScript to control the video player.
3) Expert topics covering cross-platform publishing using fallback options, hosting video online, and considerations for accessibility.
HTML5 Presentation
This document discusses the history and evolution of HTML standards from 1991 to 2009. It outlines the major releases of HTML and related technologies like CSS and JavaScript. It then describes some of the new features introduced in HTML5, including new multimedia elements like <video> and <audio>, the canvas element for drawing graphics, storage APIs, and various form input types. The document concludes that HTML5 introduces significant improvements over HTML4, bringing multimedia, threads, drag and drop, and persistent storage without additional plugins. While still a work in progress, modern browsers already support many HTML5 features.
HTML5 Multimedia: where we are, where we're going
A much-hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding <audio> and <video> into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not!
We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.
---
Edited version of my Web Directions London talk on 26 May 2011. Slides that don't make sense out of context are removed.
Html5 video
Video for everyone! HTML5 is being driven by large vendors to provide an updated standard for richer web experiences. Through modern browsers, the web platform is accelerating and enabling plug-in free multimedia, 2D graphics, and more interactive experiences using new HTML5 features and JavaScript APIs. While browser support and format wars present obstacles, HTML5 provides many new capabilities for developers to create rich content without plugins.
HTML5 multimedia - where we are, where we're going
The document discusses the development of HTML5 multimedia capabilities. It describes an experimental <video> element being implemented by Opera that provides a simple JavaScript API for controlling video playback. Issues around choosing a baseline video format that is universally supported are also discussed, along with considerations for audio formats and giving users options to play video across different browsers. The maturity of various HTML5 multimedia features is assessed.
Html5
HTML5 is the latest revision of HTML that defines new elements and features to improve the semantic structure of web pages and make developing interactive web applications easier. It includes new elements for embedding video and audio, drawing graphics with the canvas element, and enabling offline web applications. While HTML5 is still under development, many modern browsers already support key features like video, geolocation, and local storage. HTML5 aims to make web development simpler by building on existing HTML standards and not requiring changes to existing code.
Flash and HTML5 Video
The document discusses the history and current state of video codecs and containers for web video. It describes how HTML5 initially adopted open standards like Theora but now supports multiple codecs. It introduces Google's new open VP8 codec and the WebM container as an open alternative to the proprietary H.264 codec. Comparisons show VP8 performs comparably to H.264 for most types of video.
(WS11) Dobrica Pavlinušić: HTML5TV - kako obraditi i objaviti predavanja na w...
The document discusses using HTML5 <video> tags to create an archive of conference video presentations. It notes that Flash uses a lot of CPU and battery life, while the <video> tag provides an alternative. It then covers encoding video into different formats for cross-browser compatibility and using JavaScript for a simple player interface. Finally, it outlines the process for preparing, encoding, and publishing video presentations with synchronized PDF slides.
Html5video
HTML5 video allows videos to be directly embedded and played in browsers without plugins using the <video> tag. It supports multiple codecs like H.264, Theora, and VP8 to work across browsers, but a fallback is needed for Internet Explorer using Flash. Issues exist across browsers and devices that require using specific codecs and attributes to ensure cross-browser compatibility. With continued advancement, HTML5 video has potential for more interactive and social capabilities.
Html 5 Features And Benefits
HTML5 is the new standard for HTML that provides built-in support for audio and video playback without requiring plugins, offline caching capabilities, cleaner code structure, cross-browser compatibility, and mobile-friendly design. It introduces new semantic elements, input types, and removes some deprecated elements from previous HTML versions. While browser support is still evolving, all major browsers support the core functionality of HTML5.
Basics of HTML5 for Phonegap
HTML5 Home
HTML5 Forms
HTML5 Reference
HTML5 Tags
HTML5 Canvas
Audio And Video
HTML5 new features
New Elements
New Attributes
Full CSS3 Support
Video and Audio
2D/3D Graphics
Local Storage
Local SQL Database
Web Applications
Html5 Theora
HTML5 allows video to be played directly in browsers without plugins like Flash through defined web standards. It supports various video formats, with Theora being preferred as it is royalty-free unlike H.264. Theora is an open, free video format suited for online content delivery as it can be streamed easily from HTTP servers and has reliable cross-platform support through major operating systems and applications.
Dive into HTML5
HTML5 is the latest version of HTML that replaces HTML 4 and XHTML and introduces new features for richer content without plugins. It is designed to work cross-platform on PCs, tablets, smartphones and smart TVs. HTML5 was a collaborative effort between the W3C and WHATWG to standardize new features based on HTML, CSS, DOM and JavaScript while reducing dependencies on plugins. New features include 2D drawing with <canvas>, multimedia playback with <audio> and <video>, local storage, semantic elements representing different types of content, and new form controls.
More Related Content
What's hot
The Rich Standard: Getting Familiar with HTML5
HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
Web Design And Development With Open Source
This is my presentation at "Software Freedom Kosova Conference 2009" where I spoke about Web Design and Development with Open Source tools. The conference was held in Pristina, Kosova on 29 and 30 August 2009. This presentation was done with Open Office Impress.
Show & tell - Who is Hugo?
1. Hugo is a static site generator that builds websites via the command line without a GUI.
2. Hugo is fast at compiling pages, taking around 25 milliseconds, and is used to turn structured content from a CMS into HTML.
3. While Hugo is good for performance, its documentation and templates can be inconsistent, rigid, and repetitive, making it difficult to do more complex designs. Developers iterated to play to Hugo's strengths and use it only for final compilation.
Hugo - Introduction
Hugo is a static site generator that renders HTML files from templates and content. It is optimized for speed, flexibility, and easy use. Hugo takes Markdown files and templates and renders them into static HTML files that can be hosted without running any server-side code. This allows sites generated with Hugo to have faster load times and be more secure compared to traditional server-side site generators.
Webkit overview
The document discusses the major components of Webkit, a rendering engine used in web browsers. It describes how Webkit loads and parses web pages through components like the network loader, HTML parser, CSS parser, DOM tree builder, and render tree builder. It then explains how the DOM tree and CSS styles are used to construct the render tree, which is used by the graphics context to display web pages. The normal flow of processing and rendering a web page in Webkit is outlined.
Galleries comparision23
Smugmug, Flickr, ImageShack, Minus, and Photobucket are websites that allow users to upload and share photos. They differ in features like maximum storage capacity, ability to customize galleries, and support for private galleries. Smugmug, Flickr, and Photobucket allow unlimited uploads and more customization options, while ImageShack and Minus have lower storage limits but are easier to use. The document provides a table comparing the key features of each site.
What's hot (6)
Similar to HTML5 Video
GDD HTML5, Flash, and the Battle for Faster Cat Videos
This document discusses the ongoing battle between HTML5 and Flash for online video playback. It outlines features still missing from HTML5 like content protection, camera/mic access, and consistent format support. It also analyzes performance data showing HTML5 starting videos faster but Flash still leading on some browsers. Optimization techniques for Flash like preloading connections and lazy loading are discussed. The future of HTML5 video is promising but Flash still has advantages for critical features and reach that many sites prefer for now.
JS Days HTML5 Flash and the Battle for Faster Cat Videos
HTML5; it’s new, it’s awesome, and it’s powerful, but can it take down the champ of video distribution, Flash? Which technology’s got the ability to bring cat video to the next level. This talk will cover the many challenges of both HTML5 and YouTube adapting to change video distribution on the web.
HTML5, Flash, and the Battle For Faster Cat Videos
HTML5; it's new, it's awesome, and it's powerful, but can it take down the champ of video distribution, Flash. Which technology's got the ability to bring cat video to the next level? This talk covers the many challenges of both HTML5 and YouTube adapting to change video distribution on the web.
Html5 Open Video Tutorial
The document provides an outline and overview of HTML5 video including:
1) Basics of setting up HTML5 video including recommended software, codecs supported by browsers, and standards being developed.
2) Details on editing and preparing video for the web including transcoding, publishing video on a webpage, and using JavaScript to control the video player.
3) Expert topics covering cross-platform publishing using fallback options, hosting video online, and considerations for accessibility.
HTML5 Presentation
This document discusses the history and evolution of HTML standards from 1991 to 2009. It outlines the major releases of HTML and related technologies like CSS and JavaScript. It then describes some of the new features introduced in HTML5, including new multimedia elements like <video> and <audio>, the canvas element for drawing graphics, storage APIs, and various form input types. The document concludes that HTML5 introduces significant improvements over HTML4, bringing multimedia, threads, drag and drop, and persistent storage without additional plugins. While still a work in progress, modern browsers already support many HTML5 features.
HTML5 Multimedia: where we are, where we're going
A much-hyped feature of HTML5 is native multimedia. In this session we’ll look at embedding <audio> and <video> into your pages, and how to make it work cross-browser and degrade gracefully in older browsers. Sound too good to be true? It’s not!
We’ll look at the pros and the cons of HTML5 multimedia and see how to write simple controls with JavaScript. Most excitingly, we’ll also look at how HTML5 builds in support for subtitles and captions for multimedia accessibility. And you might pick up a Turkish dancing tip on the way.
---
Edited version of my Web Directions London talk on 26 May 2011. Slides that don't make sense out of context are removed.
Html5 video
Video for everyone! HTML5 is being driven by large vendors to provide an updated standard for richer web experiences. Through modern browsers, the web platform is accelerating and enabling plug-in free multimedia, 2D graphics, and more interactive experiences using new HTML5 features and JavaScript APIs. While browser support and format wars present obstacles, HTML5 provides many new capabilities for developers to create rich content without plugins.
HTML5 multimedia - where we are, where we're going
The document discusses the development of HTML5 multimedia capabilities. It describes an experimental <video> element being implemented by Opera that provides a simple JavaScript API for controlling video playback. Issues around choosing a baseline video format that is universally supported are also discussed, along with considerations for audio formats and giving users options to play video across different browsers. The maturity of various HTML5 multimedia features is assessed.
Html5
HTML5 is the latest revision of HTML that defines new elements and features to improve the semantic structure of web pages and make developing interactive web applications easier. It includes new elements for embedding video and audio, drawing graphics with the canvas element, and enabling offline web applications. While HTML5 is still under development, many modern browsers already support key features like video, geolocation, and local storage. HTML5 aims to make web development simpler by building on existing HTML standards and not requiring changes to existing code.
Flash and HTML5 Video
The document discusses the history and current state of video codecs and containers for web video. It describes how HTML5 initially adopted open standards like Theora but now supports multiple codecs. It introduces Google's new open VP8 codec and the WebM container as an open alternative to the proprietary H.264 codec. Comparisons show VP8 performs comparably to H.264 for most types of video.
(WS11) Dobrica Pavlinušić: HTML5TV - kako obraditi i objaviti predavanja na w...
The document discusses using HTML5 <video> tags to create an archive of conference video presentations. It notes that Flash uses a lot of CPU and battery life, while the <video> tag provides an alternative. It then covers encoding video into different formats for cross-browser compatibility and using JavaScript for a simple player interface. Finally, it outlines the process for preparing, encoding, and publishing video presentations with synchronized PDF slides.
Html5video
HTML5 video allows videos to be directly embedded and played in browsers without plugins using the <video> tag. It supports multiple codecs like H.264, Theora, and VP8 to work across browsers, but a fallback is needed for Internet Explorer using Flash. Issues exist across browsers and devices that require using specific codecs and attributes to ensure cross-browser compatibility. With continued advancement, HTML5 video has potential for more interactive and social capabilities.
Html 5 Features And Benefits
HTML5 is the new standard for HTML that provides built-in support for audio and video playback without requiring plugins, offline caching capabilities, cleaner code structure, cross-browser compatibility, and mobile-friendly design. It introduces new semantic elements, input types, and removes some deprecated elements from previous HTML versions. While browser support is still evolving, all major browsers support the core functionality of HTML5.
Basics of HTML5 for Phonegap
HTML5 Home
HTML5 Forms
HTML5 Reference
HTML5 Tags
HTML5 Canvas
Audio And Video
HTML5 new features
New Elements
New Attributes
Full CSS3 Support
Video and Audio
2D/3D Graphics
Local Storage
Local SQL Database
Web Applications
Html5 Theora
HTML5 allows video to be played directly in browsers without plugins like Flash through defined web standards. It supports various video formats, with Theora being preferred as it is royalty-free unlike H.264. Theora is an open, free video format suited for online content delivery as it can be streamed easily from HTTP servers and has reliable cross-platform support through major operating systems and applications.
Dive into HTML5
HTML5 is the latest version of HTML that replaces HTML 4 and XHTML and introduces new features for richer content without plugins. It is designed to work cross-platform on PCs, tablets, smartphones and smart TVs. HTML5 was a collaborative effort between the W3C and WHATWG to standardize new features based on HTML, CSS, DOM and JavaScript while reducing dependencies on plugins. New features include 2D drawing with <canvas>, multimedia playback with <audio> and <video>, local storage, semantic elements representing different types of content, and new form controls.
Looking into HTML5 + CSS3
The document discusses HTML5 and CSS3. It begins by looking at Flash and XHTML. It then covers new HTML5 elements like article, aside, audio and video. It discusses HTML5 audio and video formats and browser support. It provides examples of using Canvas, geolocation, offline applications and local databases in HTML5. It also discusses using CSS3 properties like fonts, shadows, gradients and rounded corners. Finally, it notes some criticisms of HTML5 and looks at the future of CSS3.
Thadomal IEEE-HTML5-Workshop
1. The document summarizes HTML5, including its history, key features like semantics, multimedia, forms, and offline capabilities.
2. HTML5 aims to simplify development with new semantic elements, easier form handling, and making audio/video native elements.
3. The geolocation API allows websites to detect a user's location with permission, and features like the app cache and local storage enable offline use of web apps.
HTML5
HTML5 defines the latest revision of HTML that adds new semantic elements and graphical capabilities. It is still being developed by the W3C, but browsers already support some features like canvas, video, and geolocation. HTML5 provides features like native audio and video playback, offline web applications, and an improved drawing surface, along with other capabilities, without requiring browser plugins. However, there are still ongoing discussions around issues like video formats and concerns about privacy controls as HTML5 enables new ways of tracking users.
HTML5 video & Amazon elastic transcoder - FCIP August 2014
An intro to implementing HTML5 video in HTML files, as well as using the WordPress short code to embed HTML5 video. A brief description of the Flash approach that still works better for transparent video, and how to embed that Flash content with SWFObject 2 and include fallback content using the HTML5 video techniques covered. This allows use of Flash for video with a transparent background for all users & browsers that have Flash installed, and uses an HTML5 fallback for devices and users that don't have an appropriate version of the Flash Player installed.
A few key items are also listed with regard to using Amazon's Elastic Transcoder to convert videos into the needed formats for HTML5 video.
Similar to HTML5 Video (20)
GDD HTML5, Flash, and the Battle for Faster Cat Videos
GDD HTML5, Flash, and the Battle for Faster Cat Videos
JS Days HTML5 Flash and the Battle for Faster Cat Videos
JS Days HTML5 Flash and the Battle for Faster Cat Videos
HTML5, Flash, and the Battle For Faster Cat Videos
HTML5, Flash, and the Battle For Faster Cat Videos
HTML5 multimedia - where we are, where we're going
HTML5 multimedia - where we are, where we're going
(WS11) Dobrica Pavlinušić: HTML5TV - kako obraditi i objaviti predavanja na w...
(WS11) Dobrica Pavlinušić: HTML5TV - kako obraditi i objaviti predavanja na w...
HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014
Recently uploaded
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Artificial Intelligence for XMLDevelopment
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Mind map of terminologies used in context of Generative AI
Mind map of common terms used in context of Generative AI.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/
DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen!
Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell.
Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten.
Diese Themen werden behandelt
- Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten
- Wie funktionieren CCB- und CCX-Lizenzen wirklich?
- Verstehen des DLAU-Tools und wie man es am besten nutzt
- Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw.
- Praxisbeispiele und Best Practices zum sofortigen Umsetzen
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Recently uploaded (20)
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
HTML5 Video
- 2. About me Jobs: oDrupal developer (SZTE) oR&D Software engineer (LogMeIn) Contact: oE-mail: peternagyxx@gmail.com oTwitter: dumi_peti
- 3. HTML5 oRelative new technology oLot of new HTML tag oNew JavaScript APIs oPossibility to build lot more complex web apps
- 4. Multimedia on the web ●The main reason of Flash usage ●Many video sharing and video playing sites (YouTube, Vimeo, etc.)
- 5. The <video> tag ●New HTML5 DOM element ●The key for the video watching ●Similar to the <img> tag
- 6. Codecs ●MP4: H.264 + AAC (Safari & IE) ●WebM: VP8 + Vorbis (Chrome & Firefox) ●OGG: Theora + Vorbis
- 8. Display and playback attributes autoplay poster controls muted preload loop
- 10. MediaSource API ●Get the video as binary data and append to the video source ●Full JS control of the video stream ●Ideal for adaptive streaming, time shifting and video preprocessing
- 11. Getting appendable stream Two way: ●Websocket ●XHR The response type has to be arraybuffer.
- 12. Code snippet
- 13. MediaCapture API ●Using the webcam and the mic of the computer without plugins ●User permission is needed ●The key: navigator.getUserMedia()
- 15. CSS3 filters Easy to apply on any HTML elements We can use SVG filters Filters: Brightness Constrast Sepia Greyscale invert blur
- 16. Take snapshots ●Possible to draw video to canvas ●We have pixel level access to the image ●Easy to write recorder scripts
- 17. Possibilities ●Video recording (js webm encoder) ●Webcam photos (with effects) ●Motion detection applications ●WebGL textures
- 18. WebRTC API Real-time P2P communication between browsers Three main component: ●RTCPeerConnection (Chrome 20+, FF Aurora/Nightly) ●MediaStream (Chrome, Opera, FF) ●RTCDataChannel (Chrome 26+)
- 19. WebRTC client tasks ●Get streaming video or other data ●Exchange network information WebRTC clients ●Coordinate 'signaling' communication ●Exchange information about media ●Communicate streaming video or data
- 20. WebRTC server side tasks ●User discovery and communication ●Signaling ●NAT/firewall traversal ●Relay servers in case peer-to-peer communication fails
- 21. Links - resources ● http://www.html5rocks.com/en/tutorials/webrtc/basics/ ● http://www.html5rocks.com/en/tutorials/webgl/typed_arrays/ ● http://www.html5rocks.com/en/tutorials/getusermedia/intro/ ● https://dvcs.w3.org/hg/html-media/raw-file/tip/media-source/media- source.html ● http://updates.html5rocks.com/2011/11/Stream-video-using-the- MediaSource-API ● http://www.html5rocks.com/en/tutorials/filters/understanding-css/ ● http://www.html5rocks.com/en/tutorials/video/basics/
- 22. Thank you!