Hw accelerated webkitgtk+ on raspberry pi

•

2 gefällt mir•7,879 views

This is some kind of report for implementation and experimentation about "Hardware Accelerated WebKitGTK+ for the embedded device" which is running on the Raspberry Pi device in real. Authored by Changseok Oh, who is working in the Collabora from 2013.

Technologie

H/W accelerated WebKitGTK+
on Raspberry Pi

ChangSeok Oh
shivamidow@gmail.com

Good to see you!
ChangSeok Oh (changseok)
Software engineer at Collabora.Ltd located in U.K
WebKit committer since April 2013
Worked for SAMSUNG Electronics for 4 Years
Got Bachelor's degree of Engineering at Ajou Univ.
Preparing to go abroad to study more and get a better job, life?
Interested in WebKit, Chromium, Firefox, GNOME, GStreamer, F/OSS,
Computer graphics, Mac, RaspberryPi and Travel.
http://uk.linkedin.com/in/ohchangseok/

Raspberry Pi
" The Raspberry Pi is a credit-card sized computer that plugs into your TV and
a keyboard. It’s a capable little PC which can be used for many of the things
that your desktop PC does, like spreadsheets, word-processing and games. It
also plays high-definition video. We want to see it being used by kids all over
the world to learn programming. "

Specifications of Raspberry Pi
CPU : ARM 176JZF-S 700MHz, up to 1GHz
Memory : 512 MB (Model B)
Graphics : Broadcom VideoCore IV GPU
OS : Raspbian based on Linux
See more http://en.wikipedia.org/wiki/Raspberry_Pi

Raspberry Pi

Yes. It's poor but not that poor.

Performance is NOTHING!

Why Raspberry Pi?
Educational purpose but it's getting popular among develoeprs
● Very attractive price.
● Poor CPU capacity but not that bad GPU performance.
● Standard platform to everyone.
● Adaptable operating system.
● Abundant community supports.
● Much possibility with extensions.
● Challenge your programming skills.
● All resources (except some commercial codecs) are open sourced!

WebKit
A layout engine to render web pages, but it's NOT an internet browser itself.
The most popular open source browser engine for embedded devices yet..
Forked from KHTML and KJS.
LGPL v2.1 & BSD v2.0
Safari, Chromium, Epiphany, Android browser, Dolphin, Konqueror, Midori etc.
Allows many different ports like Mac, GTK+, QT, EFL, Clutter, Blackberry etc.
WebKit analysis report Jan 2013

Midori browser
The default internet browser powered by WebKitGtk in Raspberry Pi
Not supported HW acceleration for some reasons.

What is wrong with that?
No EGL/GLES driver connecting to X window system.
Ordering issue among X windows.
Mismatched position and size between seperated layers.
Not displayed cursor and context menu etc since they are hidden by HW layers.

Anyway let's go forward..
What I've done
● Set up a cross compile environment. That is the most painful work. :(
● Provide EGL surfaces through the DispManX interface.
● Fit a position and a size of EGL surface to those of its parent x window.
● Fix no animation issue caused by not to be triggered XDamage event with
GL calls.
● Paint a fake cursor over the EGL surface on the screen.

Remaining issues
Ordering issue among windows.
Context menu hidden by HW layers.
Cursor mess.
Quite low video frame rate.

Will be covered by Wayland support

Under working..

Eventually, we'll shift from X to Wayland for the raspberrypi windowing system.

Have interest?
This is also opensourced!
● http://cgit.collabora.com/git/user/kevino/WebKit.git/
● $ git clone http://cgit.collabora.com/git/user/kevino/WebKit.git
Upstream
● https://bugs.webkit.org/show_bug.cgi?id=118444
My blog
● http://developersnote.blogspot.com
Supports from Raspberry pi community
● http://www.raspberrypi.org

Empfohlen

[1C5]Lessons from developing a web browser for raspberry pi

NAVER D2

The document discusses lessons learned from developing a web browser on the Raspberry Pi. Some key optimizations included progressive tiled rendering to improve scrolling performance, avoiding unnecessary image format conversions, using disk caching for images, reducing memory copies for video playback, and supporting hardware decoding and scaling of images and video. Other optimizations involved improving responsiveness, managing tabs and memory usage, speeding up startup, and fixing issues for the Raspberry Pi's ARMv6 processor. The main lessons highlighted were the importance of profiling, watching for relevant upstream improvements, eliminating unnecessary processes, optimizing just-in-time, utilizing all available platform resources, and carefully managing memory and resource allocation.

Efficient multimedia support in QtWebKit on Raspberry Pi (GStreamer Conferenc...

Igalia

This document discusses improving multimedia support in QtWebKit on the Raspberry Pi. It outlines the Raspberry Pi hardware, WebKit rendering architectures, and platform improvements that could enhance multimedia playback. Specifically, it examines optimizing video and audio decoding by leveraging the Raspberry Pi's hardware accelerators and reducing unnecessary data copying and context switching.

WebKit and GStreamer

calvaris

WebKitGtk+ Project

Joone Hur

Multimedia in WebKitGtk+, past/present/future

philn2

This document discusses multimedia support in WebKitGTK+, including its past, present, and future states. It summarizes that WebKitGTK+ provides a GTK+ friendly API for multimedia playback, using Cairo for rendering and GStreamer for audio/video. It details improvements made since 2009, such as basic media controls, trick playback modes, and support for YouTube and Vimeo videos. Ongoing work includes fullscreen video, enhanced controls, and closed captions.

WebKit, HTML5 media and GStreamer on multiple platforms

philn2

This document discusses using GStreamer for HTML5 media playback in multiple WebKit ports. It outlines the architecture for HTML5 media playback in WebKit, describes how GStreamer is implemented as the media backend, and details the steps to port GStreamer support to additional WebKit platforms like Mac and Windows. It provides an overview of status and future plans to further integrate GStreamer and improve fullscreen video playback across WebKit applications.

Petri Niemi Qt Web Kit

NokiaAppForum

QtWebKit provides a web browser engine that allows rendering of HTML, XHTML, SVG, and scripting with JavaScript. It is based on the open source WebKit engine. QtWebKit enables embedding web content and full AJAX functionality anywhere in Qt applications. Custom Qt GUI components and QObjects can be exposed to the web environment through HTML tags and subclassing. This allows interaction between web content and native application interfaces and services.

Ewebkit basic (Web rendering enging of EFL)

ryuan choi

This document provides an introduction and overview of ewebkit, which is a webkit-based rendering engine for EFL. It discusses ewebkit features, architecture, internals, tutorials for basic usage, and links to documentation and code repositories. The key points are that ewebkit uses a multi-process architecture based on WebKit2, and provides HTML5 capabilities for rendering web content within EFL applications.

Empfohlen

[1C5]Lessons from developing a web browser for raspberry pi

NAVER D2

Efficient multimedia support in QtWebKit on Raspberry Pi (GStreamer Conferenc...

Igalia

WebKit and GStreamer

calvaris

WebKitGtk+ Project

Joone Hur

Multimedia in WebKitGtk+, past/present/future

philn2

WebKit, HTML5 media and GStreamer on multiple platforms

philn2

Petri Niemi Qt Web Kit

NokiaAppForum

Ewebkit basic (Web rendering enging of EFL)

ryuan choi

Hardware Acceleration in WebKit

Joone Hur

Hardware Acceleration in WebKit provides concise summaries of key points: 1) WebKit uses various techniques like off-screen buffers, JIT compilation, and graphics acceleration to improve browsing performance. Graphics acceleration reduces CPU usage by offloading tasks like rendering to the GPU. 2) WebKit supports hardware acceleration of video playback and 2D canvas rendering through interfaces to video and graphics hardware. This allows smoother playback and animation. 3) Accelerated compositing in WebKit uses multiple tree structures integrated with the rendering process to take advantage of GPU acceleration for CSS3 effects, transitions, animations, and HTML5 video through interfaces like OpenCL.

Kiosk-mode browser using Chromium Embedded Framework (CEF)

Igalia

CEF (Chromium Embedded Framework) is a library based on Chromium that allows embedding the Chromium browser engine in other applications. It provides APIs to access browser features like loading web pages, JavaScript execution, and window management while handling processes and security. CEF can fulfill the customer's requirements like running a fullscreen kiosk browser, disabling file access, and supporting custom URL schemes and error pages. JavaScript execution and extension capabilities are provided to load required customer code. The size and performance is similar to Chromium. CEF remains in sync with Chromium releases while maintaining stable APIs.

GStreamer support in WebKit. what’s new?

philn2

This document discusses GStreamer support and integration in WebKit. It covers: 1. The current integration of GStreamer for HTML5 audio and video playback, as well as WebAudio. 2. Plans for next-generation video rendering using GstGL instead of WebCore's internal video sink. 3. Support for adaptive streaming using Media Source Extensions and how GStreamer implements the "append" and playback pipelines. 4. Protected content playback support using Encrypted Media Extensions for key negotiation and decryption, including potential approaches for secure video rendering. 5. Progress on WebRTC support through the OpenWebRTC project.

HTML5 on the AGL demo platform with Chromium and WAM (AGL AMM March 2021)

Igalia

Chromium Ozone

Igalia

Ozone is a wrapper that creates a unified platform interface at runtime, allowing Chromium to run on multiple platforms like Wayland and X11 from a single binary. Igalia has been working on Ozone support for Wayland since 2016, facing many challenges due to Wayland's restrictions, while the X11 support added more recently proved easier through refactoring. Overall, Ozone has proven to be a reasonable approach for Linux by providing a common interface while each platform still has specific implementation details.

Writing native Linux desktop apps with JavaScript

Igalia

This document summarizes a talk about writing native Linux desktop applications using JavaScript. It discusses using technologies like GJS, GTK, and Flatpak to build desktop apps with web development skills. It covers topics like build systems, assembling the UI, popular runtime libraries, writing the code, and distributing the finished app via Flathub. The talk uses a sample note-taking app called "Bloatpad" to demonstrate the process.

Embedding Chromium into AGL demo platform with WAM

Igalia

The document discusses embedding Chromium into the Automotive Grade Linux (AGL) demo platform using the Web Application Manager (WAM). Currently, WAM and a modified version of Chromium from the LG WebOS project are used. Considering moving to use the Chromium Embedded Framework (CEF) instead, which could simplify keeping WAM and Chromium in sync with upstream changes. The proposed approach would adapt WAM to connect directly to CEF rather than a customized Chromium version.

WebKit for Wayland (Web Engines Hackfest 2014)

Igalia

The document discusses merging the UIProcess and compositor in WebKit to simplify the architecture for using WebKit with Wayland. This removes the intermediate purpose of the UIProcess, reduces complexity, and enables simplifying the compositor. The UIProcess would become a shared library loaded by the compositor, which would show a single surface for the WebProcess. Hardware support, especially for the Wayland EGL platform, is a key requirement.

What's new with JavaScript in GNOME: The 2020 edition (GUADEC 2020)

Igalia

By Philip Chimento. This talk is about all the improvements made in GNOME's JavaScript platform in the past year. If you are writing code for a GNOME app or shell extension that uses JavaScript and you want to know how to modernize your code or use new language features, this talk will be interesting for you. If you are curious about the progress made on the garbage collection bug, and what needs to happen before it can be fixed, this talk will be interesting for you. And if you are interested in working on a JavaScript engine and want some ideas for projects to get started with, from beginner through expert level, this talk will definitely be interesting for you! (c) GUADEC 2020 July 22nd - 28th, 2020 https://2020.guadec.org

The shift to the edge

Jakub Wadolowski

The way we build web applications evolved over the decades - from on-prem servers named after your favourite Star Wars characters to autoscaling cloud clusters and serverless functions. Throughout this journey the architecture paradigm shifted towards more distributed model. Whether that’s your CMS, monitoring system or authorisation layer - it’s most likely just an endpoint you exchange data with. At the end of the day, every HTTP request goes through various middleware layers and requires both server- (SSR) and client-side rendering (CSR). Recently, a new piece of tech appeared on the landscape - WebAssembly. It became 4th official language on the Web (following HTML, CSS and JavaScript) and was initially meant to run in the browser and improve CSR. It quickly turned out that WebAssembly on the server is also a thing and can revolutionise the way we think of web apps. Some providers like Fastly and Cloudflare adopted WebAssembly and allow you to run custom code at the edge. That opens up completely new possibilities - authentication, personalised content rendering, A/B testing - you name it. Everything as close to end users as possible. During my talk I’d like to show you what edge computing offers at this stage and how it can be integrated with AEM as a Cloud Service.

Driving and virtualizing control systems: the Open Source approach used in Wh...

Igalia

Javier Muñoz Mellid and Samuel Iglesias Gonsalvez. This talk will describe the collaboration between CERN and Igalia around the White Rabbit project, the value of the Open Source approach and how it crystallizes in upstream contributions (software and hardware). Along this talk we will describe in detail how White Rabbit and Open Source projects are able to raise the quality of the software used, accelerating innovation and gaining additional contributors. In the technical arena, we will describe the development of Linux drivers and virtual hardware (QEMU/KVM) for the FMC/TDC board designed in CERN. This approach was showcased in LinuxCon 2012, one of the most relevant conferences in the industry. We will comment about the importance of promoting this kind of technology in industry events. The talk will finish with a live demo showing how virtual hardware (hardware mimick- ing real hardware designed by CERN for WhiteRabbit) is used to develop, test and debug control drivers using a generic software stack.

How to use WebKitGtk+

Joone Hur

- WebKitGtk+ is the GNOME platform port of the WebKit rendering engine that offers WebKit's full functionality through GObject-based APIs. - It is used by applications like GNOME Browser, Midori, DevHelp, Evolution, and the GNOME Shell. The current stable version is 1.6.1 from 2011. - The WebKitWebView class is central to the WebKitGtk+ API and represents the content area that displays web content. It uses dependencies like GTK+, Cairo, Pango, and WebKit.

HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...

Igalia

By Julie Kim. Julie will be presenting the work that has been done over the last months to develop for the AGL platform a modern Chromium based Web Application Manager (WAM) that enables running HTML5 IVI applications on the system. These different applications can define specific levels of integration and security on the platform, and can be run seamlessly on different hardware architectures. Automotive Grade Linux All Member Meeting Japan 2019 March 5 - 6, 2019 Tokyo, Japan https://events.linuxfoundation.org/events/agl-all-member-meeting-japan/

Essential parts to implement own Ozone backend

Igalia

This document provides instructions for implementing an Ozone backend using GTK on Chromium. It outlines the key entry points and classes that need to be implemented, including OzonePlatformGtk, GtkOzoneWindow, GtkScreen, and classes for the GPU side like SurfaceFactoryOzone and SurfaceOzoneCanvas. Implementing these classes and interfaces would allow Chromium to draw its content to a GTK window using the new Ozone/GTK backend.

Pairing WebKit and Wayland for Linux-Based Embedded Web Content Presentation ...

Igalia

By Žan Doberšek. WebKit and its multi-process architecture might not seem suitable for embedded systems at first, but Wayland, the next-gen display system, has already proven itself by running efficiently on TVs, smartphones and single-board computers. This talk will present the techniques that were used to achieve efficient, hardware-accelerated rendering of Web content across the multiple processes of WebKit running under Wayland. Žan Doberšek will also share his experiences of deploying the two technologies on everyone's favorite mini-sized computer, the Raspberry Pi. He will also present and discuss further ideas and possible solutions for creating efficient and optimized Web content presentation systems specifically crafted for embedded systems like Smart TVs and in-vehicle infotainment by using Linux, Wayland and WebKit.

Fixing Gaps. Strengthening the Chromium platform for content blocking

Igalia

Infrastructure Management in GCP

Dana Hoffman

When setting up your cloud infrastructure, it's important to have a system in place so everyone involved is aware when changes occur and understands how to make those changes. In this talk, Dana will explain why an infrastructure-as-code system is the way to go for cloud infrastructure management, go over a few different options you have in the infrastructure management space (some of which are partially developed by her team at Google), and show you how to get started with Terraform, an open-source infrastructure-as-code tool. https://devfestvancouver.firebaseapp.com/schedule/day1?sessionId=107

About OpenGL and Vulkan interoperability (XDC 2020)

Igalia

By Eleni Maria Stea. EXT_external_objects and EXT_external_objects_fd are groups of OpenGL extensions that allow OpenGL and Vulkan interoperability. When enabled, Vulkan allocated resources can be accessed and re-used by OpenGL. This talk is about the implementation of the extensions in various drivers, and some common interoperability use cases and examples that have been added to piglit. (c) X.Org Developers Conference (XDC) 2020 September 16-18 https://xdc2020.x.org https://www.youtube.com/channel/UCXlH5v1PkEhjzLFTUTm_U7g

Overview of the open source Vulkan driver for Raspberry Pi 4 (XDC 2020)

Igalia

The presentation discusses the development of a Vulkan driver named V3DV for the Raspberry Pi 4. It began development in November 2019 and has progressed from initial triangle rendering to supporting many Vulkan CTS tests and demos like Quake games. While the basic Vulkan 1.0 feature set is complete, there are still challenges around the linear display pipeline and optimizing usage of the texture filtering unit. Future plans include improving conformance, merging with Mesa, and exploring performance optimizations and additional features. External contributors are welcomed to help with testing, documentation, and implementing optional Vulkan aspects.

Integration of the Chromium Browser in the GENIVI Platform (16th GENIVI AMM)

Igalia

Whats new in flutter.pptx

Ahmed Fathy

The document discusses updates and new features in Flutter 3.13, including enhanced support for Material 3 with updated widgets, adaptive dialogs, and text field character recognition on iOS. It also mentions performance improvements in Flutter through better memory management and reducing CPU and memory usage. The document notes new capabilities in Flutter for web, games, and using WebAssembly. It introduces Impeller as a new rendering runtime for Flutter to address jank issues.

Flutter - Pixel by Pixel

Thomas Gazzoni

Flutter allows building beautiful, native mobile apps for iOS and Android from a single codebase. It uses widgets that are simple components to build UIs. Widgets can be stateless or stateful. Flutter compiles Dart code to native ARM code using just-in-time or ahead-of-time compilation. This allows Flutter apps to have fast startup and execution. The framework includes material and cupertino widgets as well as generic widgets for layout. Flutter supports embedding on many platforms and has a package manager for sharing code.

Weitere ähnliche Inhalte

Was ist angesagt?

Hardware Acceleration in WebKit

Joone Hur

Kiosk-mode browser using Chromium Embedded Framework (CEF)

Igalia

GStreamer support in WebKit. what’s new?

philn2

HTML5 on the AGL demo platform with Chromium and WAM (AGL AMM March 2021)

Igalia

Chromium Ozone

Igalia

Writing native Linux desktop apps with JavaScript

Igalia

Embedding Chromium into AGL demo platform with WAM

Igalia

WebKit for Wayland (Web Engines Hackfest 2014)

Igalia

What's new with JavaScript in GNOME: The 2020 edition (GUADEC 2020)

Igalia

The shift to the edge

Jakub Wadolowski

Driving and virtualizing control systems: the Open Source approach used in Wh...

Igalia

How to use WebKitGtk+

Joone Hur

HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...

Igalia

Essential parts to implement own Ozone backend

Igalia

Pairing WebKit and Wayland for Linux-Based Embedded Web Content Presentation ...

Igalia

Fixing Gaps. Strengthening the Chromium platform for content blocking

Igalia

Infrastructure Management in GCP

Dana Hoffman

About OpenGL and Vulkan interoperability (XDC 2020)

Igalia

Overview of the open source Vulkan driver for Raspberry Pi 4 (XDC 2020)

Igalia

Integration of the Chromium Browser in the GENIVI Platform (16th GENIVI AMM)

Igalia

Was ist angesagt? (20)

Hardware Acceleration in WebKit

Kiosk-mode browser using Chromium Embedded Framework (CEF)

GStreamer support in WebKit. what’s new?

HTML5 on the AGL demo platform with Chromium and WAM (AGL AMM March 2021)

Chromium Ozone

Writing native Linux desktop apps with JavaScript

Embedding Chromium into AGL demo platform with WAM

WebKit for Wayland (Web Engines Hackfest 2014)

What's new with JavaScript in GNOME: The 2020 edition (GUADEC 2020)

The shift to the edge

Driving and virtualizing control systems: the Open Source approach used in Wh...

How to use WebKitGtk+

HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...

Essential parts to implement own Ozone backend

Pairing WebKit and Wayland for Linux-Based Embedded Web Content Presentation ...

Fixing Gaps. Strengthening the Chromium platform for content blocking

Infrastructure Management in GCP

About OpenGL and Vulkan interoperability (XDC 2020)

Overview of the open source Vulkan driver for Raspberry Pi 4 (XDC 2020)

Integration of the Chromium Browser in the GENIVI Platform (16th GENIVI AMM)

Ähnlich wie Hw accelerated webkitgtk+ on raspberry pi

Whats new in flutter.pptx

Ahmed Fathy

Flutter - Pixel by Pixel

Thomas Gazzoni

Cross Platform Development Strategies with vendor review and PhoneGap case study

Elegant Technologies, LLC

WebGL games with Minko - Next Game Frontier 2014

Minko3D

- Minko is a framework for building 3D applications in C++ that can be deployed to desktops, mobiles, and the web. - It uses C++ as its core language and Lua for scripting. Applications are compiled to JavaScript using Emscripten to run in HTML5 and WebGL. - Minko provides 3D graphics and physics engines, file format support, and tools to develop once and deploy everywhere. This allows building complex 3D games and experiences that achieve high performance across platforms.

Develop Game HTML5 for mobile by ImpactJS Engine

action.vn

This document discusses HTML5 games for mobile devices and introduces ImpactJS as a JavaScript game engine. It notes that HTML5 is ready for games development today across many platforms due to its cross-device capabilities and performance improvements in modern browsers. ImpactJS is highlighted as a simple game engine that allows developing stunning HTML5 games for desktop and mobile browsers using HTML5 features like Canvas, Audio, and CSS3. A demo of an ImpactJS game is provided to illustrate its capabilities.

Vietnam mobile day 2012 html5 game using impact js - aiti-aptech

Quang Anh Le

This document discusses HTML5 games for mobile devices and introduces ImpactJS as a JavaScript game engine. It notes that HTML5 is ready for games today and performs well across different devices. ImpactJS allows developing stunning HTML5 games for desktop and mobile browsers, providing features like audio, input, rendering and a level editor. The document encourages developers to get started with ImpactJS for HTML5 game development.

Rapid and Reliable Developing with HTML5 & GWT

Manuel Carrasco Moñino

Rapid and Reliable Developing with HTML5 & GWT. Manuel Carrasco Moñino proposes using modern web technologies like HTML5 and JavaScript to build rich internet applications that can run on desktops, mobile devices, and tablets from a single codebase. He suggests frameworks like Google Web Toolkit (GWT), Apache Cordova, PlayN, and NoSQL databases to develop cross-platform applications in a high-level language like Java. Carrasco provides examples of projects using these techniques and encourages contributing to open source.

HTML5 Games Status and issues

J.h. Liu

This document discusses HTML5 games and their status. It notes that HTML5 allows for cross-device games with one codebase and dynamic updates. However, JavaScript performance can be low, memory management is difficult, and there are browser quirks. The document outlines HTML5 technologies for games like JavaScript, Canvas, and WebGL. It discusses technical issues around performance, APIs, screen sizes, and UIs. It introduces Bluega's vision and game engine for HTML5 games that run across devices and are serviced online.

Seattle javascript game development - Overview

Grant Goodale

This document provides an overview of JavaScript game development for open web technologies. It discusses canvas and WebGL for 2D and 3D rendering, WebSockets for data transport, and Web Workers for background processing. Reasons for using these technologies include wide browser support and the ability to build games for mobile browsers. While development tools are still maturing, performance is improving and distribution options are increasing with the rise of HTML5-capable devices.

Multi-platform Mobile apps with Phonegap

Gautam Chaudhary

- Cross platform mobile app development allows building apps that can run on multiple operating systems like iOS, Android, Blackberry etc using a single codebase. This is done through frameworks like PhoneGap that allow using web technologies like HTML, CSS and JavaScript but also provide access to device capabilities via plugins. - While cross platform apps offer benefits like being cost effective, there are also challenges around performance, differing platform capabilities and the need to test on multiple platforms. PhoneGap Build helps address issues of working with multiple platforms and SDKs. Developers are advised to take a multi platform approach and be ready for emerging platforms.

Introduction to Application Development in Python and Gtk+ / Hildon @ Maemo 5

Amanda Lam

HTML5 GAME USING IMPACT JS

we20

This document discusses HTML5 for mobile game development. It promotes ImpactJS as a simple game engine for building HTML5 games. Key points made include: (1) HTML5 is ready for mobile game development today, (2) ImpactJS is a JavaScript game engine that allows development of HTML5 games for desktop and mobile browsers, (3) ImpactJS provides capabilities like audio, input, rendering and a level editor to simplify HTML5 game development. The document encourages developers to get started with ImpactJS for HTML5 mobile game development.

PhoneGap Framework for smartphone app developement

Trieu Nguyen

PhoneGap is a framework for building cross-platform mobile apps using HTML, CSS, and JavaScript. It allows accessing device hardware and features through JavaScript APIs. Apps built with PhoneGap run within a webview but feel like native apps. It supports developing for iOS, Android, BlackBerry, Symbian and WebOS from a single codebase. While PhoneGap simplifies development, apps may have slower performance and limited complex UI compared to truly native apps.

Green flag Wrap up Google Solution Challenge.pdf

GoogleDeveloperStude22

Html5 game using impact js

Ha Bogay

This document discusses using HTML5 and the ImpactJS game engine to develop games for mobile. It notes that HTML5 is ready today for mobile game development, and that ImpactJS provides a simple engine for building stunning HTML5 games that can run on desktops and mobile browsers. ImpactJS handles audio, input, rendering, collision detection and includes a level editor. The document demonstrates some sample games built with ImpactJS and encourages developers to get started with the engine for HTML5 game development.

Casual Engines 2009

David Fox

Web Leaps Forward

Moh Haghighat

The document discusses the history and development of HTML5 and JavaScript performance. It covers how: 1) JavaScript performance improvements through just-in-time compilers and other optimizations led to a 100x increase in speed over time, enabling complex web applications. 2) The introduction of asm.js allowed native C/C++ code to be compiled to highly optimized JavaScript, closing the performance gap with native apps. 3) Recent efforts are bringing parallelism to web runtimes and the SIMD.js API in order to better utilize multi-core processors and continue improving JavaScript performance.

Phonegap for Engineers

Brian LeRoux

PhoneGap allows developers to build native mobile apps using web technologies like HTML, CSS, and JavaScript. It works by wrapping web content in a native container on each mobile platform, allowing developers to write code once and deploy it across iOS, Android, BlackBerry, and other platforms. PhoneGap uses a plugin architecture that enables accessing native device APIs like the camera, contacts, and geolocation from JavaScript. It supports many mobile browsers and platforms, while providing tools for compiling, debugging, and deploying apps.

DevChatt 2011 - PhoneGap: For Fun and Science

Cameron Kilgore

PhoneGap is a framework that allows developers to use standard web technologies like HTML, CSS, and JavaScript to build applications for various mobile platforms. It does this by providing JavaScript functions that can access native device features such as the camera, accelerometer, and storage. While PhoneGap apps run in a mobile device's browser, it extends HTML5 capabilities and allows interfaces to be built that are consistent across platforms. PhoneGap apps have access to many device interfaces but performance depends on the browser engine and JavaScript interpreter used.

Building a Raspberry Pi Robot with Dot NET 7, Blazor and SignalR - TechDays 2023

Peter Gallagher

Ähnlich wie Hw accelerated webkitgtk+ on raspberry pi (20)

Whats new in flutter.pptx

Flutter - Pixel by Pixel

Cross Platform Development Strategies with vendor review and PhoneGap case study

WebGL games with Minko - Next Game Frontier 2014

Develop Game HTML5 for mobile by ImpactJS Engine

Vietnam mobile day 2012 html5 game using impact js - aiti-aptech

Rapid and Reliable Developing with HTML5 & GWT

HTML5 Games Status and issues

Seattle javascript game development - Overview

Multi-platform Mobile apps with Phonegap

Introduction to Application Development in Python and Gtk+ / Hildon @ Maemo 5

HTML5 GAME USING IMPACT JS

PhoneGap Framework for smartphone app developement

Green flag Wrap up Google Solution Challenge.pdf

Html5 game using impact js

Casual Engines 2009

Web Leaps Forward

Phonegap for Engineers

DevChatt 2011 - PhoneGap: For Fun and Science

Building a Raspberry Pi Robot with Dot NET 7, Blazor and SignalR - TechDays 2023

Mehr von gnomekr

Korean input overview in the linux desktop

gnomekr

20180519 hangul processing

gnomekr

The way of approaching to foss for nursing care business

gnomekr

This is the case study report for management nursing care center in case of using a free open source software. Speaker is an eye doctor, has tried to find many developer who can code php and design nursing-care-center-specific data model, but he failed. so he studied by himself about open source, programming language, and some CMS such as drupal, wordpress. so He is now also working as a database designer, and php programmer.

Chromium ui framework(shared)

gnomekr

뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예

gnomekr

Gnome on wayland at a glance

gnomekr

This document discusses Gnome on Wayland. It provides an overview of Wayland as a new window server that is intended to replace X and is being adopted by desktop environments like Gnome, KDE, and Enlightenment. It notes that Wayland is currently experimental in Gnome but may be fully implemented by March 2014. It also outlines some of the architectural differences between X and Wayland like the removal of the rendering API in Wayland.

My ubuntu life-dklee

gnomekr

Vision and dream for youth startup company

gnomekr

Gnome.asia.summit2013 report-pdf

gnomekr

System hacking basics

gnomekr

Mehr von gnomekr (10)

Korean input overview in the linux desktop

20180519 hangul processing

The way of approaching to foss for nursing care business

Chromium ui framework(shared)

뒷북요정으로 알아보는 사용자 요구 반영의 나쁜 예

Gnome on wayland at a glance

My ubuntu life-dklee

Vision and dream for youth startup company

Gnome.asia.summit2013 report-pdf

System hacking basics

Kürzlich hochgeladen

Elizabeth Buie - Older adults: Are we really designing for our future selves?

Nexer Digital

GridMate - End to end testing is a critical piece to ensure quality and avoid...

ThomasParaiso2

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

James Anderson

Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management. The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM). Speakers: Bob Boule Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle. Gopinath Rebala Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

SOFTTECHHUB

As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.

zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs

Alex Pruden

This paper presents Reef, a system for generating publicly verifiable succinct non-interactive zero-knowledge proofs that a committed document matches or does not match a regular expression. We describe applications such as proving the strength of passwords, the provenance of email despite redactions, the validity of oblivious DNS queries, and the existence of mutations in DNA. Reef supports the Perl Compatible Regular Expression syntax, including wildcards, alternation, ranges, capture groups, Kleene star, negations, and lookarounds. Reef introduces a new type of automata, Skipping Alternating Finite Automata (SAFA), that skips irrelevant parts of a document when producing proofs without undermining soundness, and instantiates SAFA with a lookup argument. Our experimental evaluation confirms that Reef can generate proofs for documents with 32M characters; the proofs are small and cheap to verify (under a second). Paper: https://eprint.iacr.org/2023/1886

Microsoft - Power Platform_G.Aspiotis.pdf

Uni Systems S.M.S.A.

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

Neo4j

Leonard Jayamohan, Partner & Generative AI Lead, Deloitte This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.

Pushing the limits of ePRTC: 100ns holdover for 100 days

Adtran

Data structures and Algorithms in Python.pdf

TIPNGVN2

RESUME BUILDER APPLICATION Project for students

KAMESHS29

Monitoring Java Application Security with JDK Tools and JFR Events

Ana-Maria Mihalceanu

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

James Anderson

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

Albert Hoitingh

DevOps and Testing slides at DASA Connect

Kari Kakkonen

Introduction to CHERI technology - Cybersecurity

mikeeftimakis1

Essentials of Automations: The Art of Triggers and Actions in FME

Safe Software

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!

Mind map of terminologies used in context of Generative AI

Kumud Singh

National Security Agency - NSA mobile device best practices

Quotidiano Piemontese

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Paige Cruz

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:

Climate Impact of Software Testing at Nordic Testing Days

Kari Kakkonen

My slides at Nordic Testing Days 6.6.2024 Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.

Kürzlich hochgeladen (20)

Elizabeth Buie - Older adults: Are we really designing for our future selves?

GridMate - End to end testing is a critical piece to ensure quality and avoid...

GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...

Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!

zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs

Microsoft - Power Platform_G.Aspiotis.pdf

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...

Pushing the limits of ePRTC: 100ns holdover for 100 days

Data structures and Algorithms in Python.pdf

RESUME BUILDER APPLICATION Project for students

Monitoring Java Application Security with JDK Tools and JFR Events

Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...

Encryption in Microsoft 365 - ExpertsLive Netherlands 2024

DevOps and Testing slides at DASA Connect

Introduction to CHERI technology - Cybersecurity

Essentials of Automations: The Art of Triggers and Actions in FME

Mind map of terminologies used in context of Generative AI

National Security Agency - NSA mobile device best practices

Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf

Climate Impact of Software Testing at Nordic Testing Days

Hw accelerated webkitgtk+ on raspberry pi

1. H/W accelerated WebKitGTK+ on Raspberry Pi ChangSeok Oh shivamidow@gmail.com

2. Good to see you! ChangSeok Oh (changseok) Software engineer at Collabora.Ltd located in U.K WebKit committer since April 2013 Worked for SAMSUNG Electronics for 4 Years Got Bachelor's degree of Engineering at Ajou Univ. Preparing to go abroad to study more and get a better job, life? Interested in WebKit, Chromium, Firefox, GNOME, GStreamer, F/OSS, Computer graphics, Mac, RaspberryPi and Travel. http://uk.linkedin.com/in/ohchangseok/

3. Raspberry Pi " The Raspberry Pi is a credit-card sized computer that plugs into your TV and a keyboard. It’s a capable little PC which can be used for many of the things that your desktop PC does, like spreadsheets, word-processing and games. It also plays high-definition video. We want to see it being used by kids all over the world to learn programming. "

4. Raspberry Pi

5. Specifications of Raspberry Pi CPU : ARM 176JZF-S 700MHz, up to 1GHz Memory : 512 MB (Model B) Graphics : Broadcom VideoCore IV GPU OS : Raspbian based on Linux See more http://en.wikipedia.org/wiki/Raspberry_Pi

6. Raspberry Pi

7. Raspberry Pi Yes. It's poor but not that poor. Performance is NOTHING!

8. Raspberry Pi

9. Raspberry Pi

10. Why Raspberry Pi? Educational purpose but it's getting popular among develoeprs ● Very attractive price. ● Poor CPU capacity but not that bad GPU performance. ● Standard platform to everyone. ● Adaptable operating system. ● Abundant community supports. ● Much possibility with extensions. ● Challenge your programming skills. ● All resources (except some commercial codecs) are open sourced!

11. WebKit A layout engine to render web pages, but it's NOT an internet browser itself. The most popular open source browser engine for embedded devices yet.. Forked from KHTML and KJS. LGPL v2.1 & BSD v2.0 Safari, Chromium, Epiphany, Android browser, Dolphin, Konqueror, Midori etc. Allows many different ports like Mac, GTK+, QT, EFL, Clutter, Blackberry etc. WebKit analysis report Jan 2013

12. WebKit

13. Midori browser The default internet browser powered by WebKitGtk in Raspberry Pi Not supported HW acceleration for some reasons.

14. Midori browser

15. What is wrong with that? No EGL/GLES driver connecting to X window system. Ordering issue among X windows. Mismatched position and size between seperated layers. Not displayed cursor and context menu etc since they are hidden by HW layers.

16. What is wrong with that?

17. Anyway let's go forward.. What I've done ● Set up a cross compile environment. That is the most painful work. :( ● Provide EGL surfaces through the DispManX interface. ● Fit a position and a size of EGL surface to those of its parent x window. ● Fix no animation issue caused by not to be triggered XDamage event with GL calls. ● Paint a fake cursor over the EGL surface on the screen.

18. Demo

19. Remaining issues Ordering issue among windows. Context menu hidden by HW layers. Cursor mess. Quite low video frame rate. Will be covered by Wayland support Under working.. Eventually, we'll shift from X to Wayland for the raspberrypi windowing system.

20. Wayland on the Raspberry Pi

21. Have interest? This is also opensourced! ● http://cgit.collabora.com/git/user/kevino/WebKit.git/ ● $ git clone http://cgit.collabora.com/git/user/kevino/WebKit.git Upstream ● https://bugs.webkit.org/show_bug.cgi?id=118444 My blog ● http://developersnote.blogspot.com Supports from Raspberry pi community ● http://www.raspberrypi.org

22. Thank you for listening