WEBVTT

00:00:03.600 --> 00:00:04.560
Hello.

00:00:04.560 --> 00:00:06.720
Hopefully everyone is staying safe and

00:00:06.720 --> 00:00:08.000
staying home,

00:00:08.000 --> 00:00:10.000
I feel very grateful to live in a world

00:00:10.000 --> 00:00:12.000
today that technology and free software

00:00:12.000 --> 00:00:13.759
can be leveraged to connect people in

00:00:13.759 --> 00:00:16.080
such disconnected and difficult times,

00:00:16.080 --> 00:00:17.840
and to have an online conference like

00:00:17.840 --> 00:00:19.920
this. Hopefully you've all

00:00:19.920 --> 00:00:22.960
enjoyed this year's EmacsConf so far.

00:00:22.960 --> 00:00:24.720
Many thanks to all the people that made

00:00:24.720 --> 00:00:26.880
this possible.

00:00:26.880 --> 00:00:30.000
Anyways, welcome to my talk "Extend Emacs

00:00:30.000 --> 00:00:30.960
to Modern GUI

00:00:30.960 --> 00:00:34.079
Applications with EAF, the Emacs

00:00:34.079 --> 00:00:35.920
Application Framework".

00:00:35.920 --> 00:00:38.320
This will be my first ever talk, so

00:00:38.320 --> 00:00:39.840
apologies for my

00:00:39.840 --> 00:00:43.280
inexperience, let us begin.

00:00:43.280 --> 00:00:46.559
About me: my name is Matthew Zeng, you can

00:00:46.559 --> 00:00:47.840
also call me MT

00:00:47.840 --> 00:00:50.640
or Mingde. I'm a Chinese Canadian living

00:00:50.640 --> 00:00:51.440
in Toronto,

00:00:51.440 --> 00:00:54.239
Ontario. Offline: I'm an undergrad

00:00:54.239 --> 00:00:56.079
studying mathematics at the University

00:00:56.079 --> 00:00:57.760
of Waterloo.

00:00:57.760 --> 00:01:00.480
Online: I'm one of the admins of the

00:01:00.480 --> 00:01:03.039
Emacs China

00:01:03.039 --> 00:01:06.320
— the largest Emacs forum in China. So,

00:01:06.320 --> 00:01:08.080
to all Chinese listening to my talk right

00:01:08.080 --> 00:01:10.960
now, feel free to check it out.

00:01:10.960 --> 00:01:14.320
And this is a link to my GitHub profile,

00:01:14.320 --> 00:01:16.206
(and) to my projects I'm involved in.

00:01:16.206 --> 00:01:18.240
One's M-EMACS which is

00:01:18.240 --> 00:01:20.159
I'm the author of — a user-friendly

00:01:20.159 --> 00:01:21.840
full-featured Emacs configuration

00:01:21.840 --> 00:01:22.799
distribution,

00:01:22.799 --> 00:01:25.040
it is what I'm using right now, as well

00:01:25.040 --> 00:01:26.880
as the Emacs Application Framework

00:01:26.880 --> 00:01:29.119
which I help to maintain along with the

00:01:29.119 --> 00:01:30.400
other author

00:01:30.400 --> 00:01:33.040
lazycat, which of course, is today's

00:01:33.040 --> 00:01:35.759
topic.

00:01:35.759 --> 00:01:38.720
So, as you all might have already

00:01:38.720 --> 00:01:40.960
noticed I'm currently using Emacs

00:01:40.960 --> 00:01:43.600
and opening navigating closing

00:01:43.600 --> 00:01:45.360
all these websites that are rendered

00:01:45.360 --> 00:01:46.159
properly

00:01:46.159 --> 00:01:49.200
all within Emacs, it's all thanks to the

00:01:49.200 --> 00:01:51.840
EAF project.

00:01:51.840 --> 00:01:54.000
So, we're living in a society that's

00:01:54.000 --> 00:01:55.920
heavily dependent on the internet

00:01:55.920 --> 00:01:59.520
and multimedia, it is unavoidable to run

00:01:59.520 --> 00:02:01.200
to some occasion that you need to

00:02:01.200 --> 00:02:02.880
open a fancy website that uses

00:02:02.880 --> 00:02:04.799
JavaScript and CSS,

00:02:04.799 --> 00:02:08.239
or you need to watch some videos. However,

00:02:08.239 --> 00:02:11.120
due to the nature and history of Emacs,

00:02:11.120 --> 00:02:11.840
it cannot

00:02:11.840 --> 00:02:13.840
render all these modern graphics

00:02:13.840 --> 00:02:16.400
effectively and efficiently.

00:02:16.400 --> 00:02:19.360
Emacs is solely a text-based editing

00:02:19.360 --> 00:02:20.400
environment,

00:02:20.400 --> 00:02:23.520
and I argue that this is not a bad thing,

00:02:23.520 --> 00:02:25.680
in fact, it is one of the reasons that me

00:02:25.680 --> 00:02:27.760
and I believe many of you as well

00:02:27.760 --> 00:02:29.760
are attracted to Emacs in the first

00:02:29.760 --> 00:02:30.879
place.

00:02:30.879 --> 00:02:33.760
Unfortunately, this results in us having

00:02:33.760 --> 00:02:35.680
to open a dedicated web browser to

00:02:35.680 --> 00:02:37.040
browse the internet,

00:02:37.040 --> 00:02:38.879
open a dedicated video player to watch

00:02:38.879 --> 00:02:41.440
some videos, or a PDF renderer to read some

00:02:41.440 --> 00:02:42.640
documents.

00:02:42.640 --> 00:02:45.200
So far Emacs cannot do all these tasks on

00:02:45.200 --> 00:02:46.000
its own

00:02:46.000 --> 00:02:48.080
but can only be achieved using other

00:02:48.080 --> 00:02:51.519
external applications.

00:02:51.519 --> 00:02:55.840
So, the other author manateelazycat,

00:02:55.840 --> 00:02:58.640
or lazycat in short, didn't want to use

00:02:58.640 --> 00:03:00.560
all these external applications,

00:03:00.560 --> 00:03:03.120
he wanted to have an uninterrupted Emacs

00:03:03.120 --> 00:03:04.159
experience,

00:03:04.159 --> 00:03:07.280
he wanted to truly live in Emacs.

00:03:07.280 --> 00:03:10.080
However, it would be a lot of work to

00:03:10.080 --> 00:03:11.040
build this

00:03:11.040 --> 00:03:13.519
modern application from scratch, there's

00:03:13.519 --> 00:03:16.239
simply no time or research to do that.

00:03:16.239 --> 00:03:18.800
So, lazycat thought of utilizing existing

00:03:18.800 --> 00:03:20.400
applications

00:03:20.400 --> 00:03:22.319
and to try to make it collaborate with

00:03:22.319 --> 00:03:24.959
Emacs, there are many solutions available,

00:03:24.959 --> 00:03:26.000
one of it

00:03:26.000 --> 00:03:28.560
is the Emacs X Windows Manager, and I'm

00:03:28.560 --> 00:03:30.159
sure a lot of you already know that —

00:03:30.159 --> 00:03:33.360
the EXWM. However, it didn't work for him,

00:03:33.360 --> 00:03:35.200
because although EXWM opens the

00:03:35.200 --> 00:03:37.440
door to use other applications within

00:03:37.440 --> 00:03:38.239
Emacs,

00:03:38.239 --> 00:03:40.879
it as a fine window manager cannot

00:03:40.879 --> 00:03:41.519
modify,

00:03:41.519 --> 00:03:43.920
customize, or extend other software from

00:03:43.920 --> 00:03:45.040
Emacs.

00:03:45.040 --> 00:03:46.799
For example, it cannot modify the

00:03:46.799 --> 00:03:48.480
behavior when you press a key in

00:03:48.480 --> 00:03:49.599
Chromium or

00:03:49.599 --> 00:03:52.159
PDF viewer, therefore it cannot utilize

00:03:52.159 --> 00:03:54.000
the rich Emacs ecosystem that's been

00:03:54.000 --> 00:03:57.360
growing for almost 40 years.

00:03:57.360 --> 00:04:00.720
On the other hand, in the EAF browser, so,

00:04:00.720 --> 00:04:06.206
if you M-x eaf-open-browser-with-history,

00:04:06.206 --> 00:04:07.200
you can see

00:04:07.200 --> 00:04:09.840
on the lower half of my screen — a list of

00:04:09.840 --> 00:04:11.920
histories sorted by my personal

00:04:11.920 --> 00:04:14.560
most visited sites, and you can search

00:04:14.560 --> 00:04:16.560
for a site that you've been

00:04:16.560 --> 00:04:19.440
to or search for some keyword in a

00:04:19.440 --> 00:04:21.840
search engine.

00:04:21.840 --> 00:04:24.240
So, this is all achieved by utilizing the

00:04:24.240 --> 00:04:25.919
popular completion framework in the

00:04:25.919 --> 00:04:29.280
Emacs ecosystem — ivy.

00:04:29.280 --> 00:04:31.120
So, lazycat decided to develop a

00:04:31.120 --> 00:04:33.680
solution of his own in 2018,

00:04:33.680 --> 00:04:36.960
namely the EAF project, so, I joined the

00:04:36.960 --> 00:04:42.756
development last year, 2019.

00:04:42.756 --> 00:04:44.000
EAF is

00:04:44.000 --> 00:04:47.880
a highly customizable and extensible

00:04:47.880 --> 00:04:49.759
GUI application framework that extends

00:04:49.759 --> 00:04:52.056
Emacs to graphical capabilities using

00:04:52.056 --> 00:04:57.840
PyQt5, and it is not a window manager.

00:04:57.840 --> 00:05:02.479
Alright. So, in the README, you can see a

00:05:02.479 --> 00:05:03.440
list of GIFs

00:05:03.440 --> 00:05:05.600
showcasing all the available EAF

00:05:05.600 --> 00:05:06.720
applications,

00:05:06.720 --> 00:05:09.520
a browser, a markdown previewer, a video

00:05:09.520 --> 00:05:12.789
player, a PDF viewer, and more.

00:05:12.789 --> 00:05:14.240
Today I don't have

00:05:14.240 --> 00:05:16.160
enough time to demonstrate each one of

00:05:16.160 --> 00:05:16.560
them,

00:05:16.560 --> 00:05:18.720
but I will select a couple applications

00:05:18.720 --> 00:05:21.120
to show you.

00:05:21.120 --> 00:05:24.240
So, since we are already using EAF browser,

00:05:24.240 --> 00:05:27.840
we'll start with this. Besides using the

00:05:27.840 --> 00:05:29.600
classic Control n (C-n), Control p (C-p)

00:05:29.600 --> 00:05:32.000
you can also use the Vim style hjkl to

00:05:32.000 --> 00:05:33.840
move up or down.

00:05:33.840 --> 00:05:36.320
Also, Meta Shift comma (M-<) or g (moves) to the

00:05:36.320 --> 00:05:37.280
beginning of page,

00:05:37.280 --> 00:05:39.120
Meta Shift period (M->) or capital g (moves) to

00:05:39.120 --> 00:05:41.199
the end of page.

00:05:41.199 --> 00:05:45.306
Vimium and Surfingkeys

00:05:45.306 --> 00:05:46.479
are popular keyboard-based

00:05:46.479 --> 00:05:48.400
browsing techniques in Chrome,

00:05:48.400 --> 00:05:50.479
and they've imported here as well. You

00:05:50.479 --> 00:05:52.720
can press f to toggle markers pointing

00:05:52.720 --> 00:05:53.039
to

00:05:53.039 --> 00:05:55.280
all the links in the current page, say, I

00:05:55.280 --> 00:05:56.960
want to visit the wiki —

00:05:56.960 --> 00:05:59.680
which comes very very handy when you

00:05:59.680 --> 00:06:02.400
want to configure EAF to your liking,

00:06:02.400 --> 00:06:04.720
so you see the marker on top of wiki is

00:06:04.720 --> 00:06:05.440
dd,

00:06:05.440 --> 00:06:08.479
press dd and Enter (RET), and now

00:06:08.479 --> 00:06:10.240
you are navigated to this link, so you

00:06:10.240 --> 00:06:13.840
don't need to use your mouse at all.

00:06:13.840 --> 00:06:16.560
So, a full list of key bindings can be

00:06:16.560 --> 00:06:17.680
found when you (press)

00:06:17.680 --> 00:06:20.560
Control h m (C-h m), just as any other Emacs major

00:06:20.560 --> 00:06:21.199
mode,

00:06:21.199 --> 00:06:22.960
so you don't have to remember everything…

00:06:22.960 --> 00:06:25.600
all the key bindings I said to you.

00:06:25.600 --> 00:06:28.560
So, this is a global binding application

00:06:28.560 --> 00:06:30.960
to every other EAF application as well.

00:06:30.960 --> 00:06:36.720
You can find it under the wiki in the

00:06:36.720 --> 00:06:37.600
keybindings

00:06:37.600 --> 00:06:40.639
section, so press f again and use

00:06:40.639 --> 00:06:44.240
ns, press Enter (RET), now you're in the

00:06:44.240 --> 00:06:45.600
keybindings web page.

00:06:45.600 --> 00:06:47.520
You can see all of the keybindings

00:06:47.520 --> 00:06:49.280
available in every

00:06:49.280 --> 00:06:53.919
EAF application, and you can try them out,

00:06:53.919 --> 00:06:56.479
and you can customize your key bindings

00:06:56.479 --> 00:06:57.956
using eaf-bind-key,

00:06:57.956 --> 00:07:00.240
you can customize Control n (C-n) as

00:07:00.240 --> 00:07:02.960
in the web page

00:07:02.960 --> 00:07:05.759
to scroll up in the EAF PDF viewer, or you

00:07:05.759 --> 00:07:06.639
can unbind

00:07:06.639 --> 00:07:08.806
an existing binding using

00:07:08.806 --> 00:07:10.000
eaf-bind-key,

00:07:10.000 --> 00:07:14.840
bind it to nil, so it doesn't bind to

00:07:14.840 --> 00:07:16.160
anything.

00:07:16.160 --> 00:07:20.319
Okay, so, here comes the important part,

00:07:20.319 --> 00:07:22.479
if you want to customize EAF, you should

00:07:22.479 --> 00:07:25.440
visit the customization page in the wiki.

00:07:25.440 --> 00:07:28.840
Now, I press Meta b to go back in

00:07:28.840 --> 00:07:30.240
history, and

00:07:30.240 --> 00:07:32.960
go to the customization page, press f,

00:07:32.960 --> 00:07:34.080
press ad,

00:07:34.080 --> 00:07:36.639
Enter, and now we're in the customization

00:07:36.639 --> 00:07:37.360
page.

00:07:37.360 --> 00:07:39.280
So, the first customization option you

00:07:39.280 --> 00:07:42.639
see is dark mode,

00:07:42.639 --> 00:07:44.479
let's say, if you want to turn on the dark

00:07:44.479 --> 00:07:46.720
mode for EAF browser,

00:07:46.720 --> 00:07:48.479
and you don't want to use your mouse to

00:07:48.479 --> 00:07:49.919
do all this stuff.

00:07:49.919 --> 00:07:53.360
You press c, and you can select

00:07:53.360 --> 00:07:55.840
c to toggle the caret browsing, you can

00:07:55.840 --> 00:07:58.240
see a lot of markers available,

00:07:58.240 --> 00:08:01.280
poped up again, but they're not

00:08:01.280 --> 00:08:02.720
on top of links but instead of

00:08:02.720 --> 00:08:03.599
paragraphs.

00:08:03.599 --> 00:08:05.360
You select the paragraph of your choice,

00:08:05.360 --> 00:08:06.639
in this case you want

00:08:06.639 --> 00:08:10.240
ls which comes here,

00:08:10.240 --> 00:08:12.720
and then you just move the

00:08:12.720 --> 00:08:15.120
cursor like what you always do

00:08:15.120 --> 00:08:18.800
in Emacs, and now you select everything

00:08:18.800 --> 00:08:26.479
and use Meta w (M-w) to copy the text.

00:08:26.479 --> 00:08:29.199
Now, we (run) Meta Shift colon (M-:) to evaluate

00:08:29.199 --> 00:08:30.960
what we just copied,

00:08:30.960 --> 00:08:35.120
and set that to true, and

00:08:35.120 --> 00:08:38.320
press r or F5 to refresh the page,

00:08:38.320 --> 00:08:42.159
voilà we have the dark mode enabled.

00:08:42.159 --> 00:08:44.880
So, there are…, well, let's toggle

00:08:44.880 --> 00:08:46.160
it back off for now.

00:08:46.160 --> 00:08:49.360
Now, we (run) Meta Shift colon (M-:) again,

00:08:49.360 --> 00:08:51.600
and we find the one we just used, and

00:08:51.600 --> 00:08:53.519
change it back to false,

00:08:53.519 --> 00:08:56.880
and refresh the page, back in the light

00:08:56.880 --> 00:08:59.360
mode.

00:08:59.360 --> 00:09:02.160
So, there are many other customization

00:09:02.160 --> 00:09:03.680
options available, you can either

00:09:03.680 --> 00:09:05.920
evaluate like what we just did or add it

00:09:05.920 --> 00:09:08.000
to your Emacs configuration file.

00:09:08.000 --> 00:09:11.680
So, in this wiki…,

00:09:11.680 --> 00:09:14.399
you can make the EAF browser to

00:09:14.399 --> 00:09:16.320
continue where you left off

00:09:16.320 --> 00:09:20.160
similar to the Chromium setting.

00:09:20.160 --> 00:09:22.800
You can make EAF the default browser

00:09:22.800 --> 00:09:23.839
(in) Emacs by

00:09:23.839 --> 00:09:26.720
aliasing browse-web to

00:09:26.720 --> 00:09:27.680
eaf-open-browser,

00:09:27.680 --> 00:09:31.200
or set the browse-url-browser-function to

00:09:31.200 --> 00:09:33.519
eaf-open-browser, there's just some tricks.

00:09:33.519 --> 00:09:34.480
And there (is) also

00:09:34.480 --> 00:09:37.920
an experimental adblocker currently

00:09:37.920 --> 00:09:41.680
in place, therefore it can

00:09:41.680 --> 00:09:44.720
block some elements but not all, so

00:09:44.720 --> 00:09:47.279
we really encourage people to help us

00:09:47.279 --> 00:09:48.240
test out and

00:09:48.240 --> 00:09:51.440
add more conditions in.

00:09:51.440 --> 00:09:54.560
So, you can…, the EAF Browser is able to

00:09:54.560 --> 00:09:55.760
download

00:09:55.760 --> 00:09:57.680
any files from the internet, and it will

00:09:57.680 --> 00:10:04.000
be downloaded using Aria2.

00:10:04.000 --> 00:10:05.339
You can also customize

00:10:05.339 --> 00:10:07.200
the eaf-browser-download-path

00:10:07.200 --> 00:10:11.120
using eaf-setq, it's a function that we

00:10:11.120 --> 00:10:13.623
defined similar to setq,

00:10:13.623 --> 00:10:15.040
the normal setq we know.

00:10:15.040 --> 00:10:16.480
So, by default the download file is

00:10:16.480 --> 00:10:18.160
stored in your home directory slash

00:10:18.160 --> 00:10:19.600
downloads,

00:10:19.600 --> 00:10:20.800
and you can change that whenever you

00:10:20.800 --> 00:10:22.720
want. You can also disable

00:10:22.720 --> 00:10:26.079
saving browsing history, so, remember

00:10:26.079 --> 00:10:27.089
when I press…,

00:10:27.089 --> 00:10:28.959
when I use M-x eaf-open-browser's

00:10:28.959 --> 00:10:30.480
history, I see all the

00:10:30.480 --> 00:10:32.079
histories here, but if you want more

00:10:32.079 --> 00:10:33.680
privacy, you don't want that to be

00:10:33.680 --> 00:10:35.360
available at all. You can turn it off

00:10:35.360 --> 00:10:37.356
easily with eaf-setq,

00:10:37.356 --> 00:10:40.640
and set that remember-history to false.

00:10:40.640 --> 00:10:42.399
You can also set your default search

00:10:42.399 --> 00:10:43.839
engine.

00:10:43.839 --> 00:10:47.200
Right now we have Google, although

00:10:47.200 --> 00:10:50.480
not really good but… Google and also

00:10:50.480 --> 00:10:53.600
DuckDuckGo which is a better search engine,

00:10:53.600 --> 00:10:57.360
well, yeah, ethically better search

00:10:57.360 --> 00:10:59.360
engine.

00:10:59.360 --> 00:11:02.560
So, you can also configure

00:11:02.560 --> 00:11:05.040
the zoom. The default zoom of your

00:11:05.040 --> 00:11:07.600
browser is 1.0, you can convert

00:11:07.600 --> 00:11:10.000
default-zoom to 1.25, so when

00:11:10.000 --> 00:11:11.920
you open any web page, it will be

00:11:11.920 --> 00:11:17.360
zoomed by default. You can

00:11:17.360 --> 00:11:20.399
also disable JavaScript, although I

00:11:20.399 --> 00:11:22.240
personally don't really suggest you to

00:11:22.240 --> 00:11:23.440
do, because it will

00:11:23.440 --> 00:11:26.240
basically break a lot of our features,

00:11:26.240 --> 00:11:28.480
because a lot of the browser

00:11:28.480 --> 00:11:29.519
related features

00:11:29.519 --> 00:11:33.760
must be implemented using JavaScript,

00:11:33.760 --> 00:11:35.440
but yeah, you can do it if you really

00:11:35.440 --> 00:11:37.920
want to. And there's also some

00:11:37.920 --> 00:11:41.519
customization on EAF Camera

00:11:41.519 --> 00:11:47.760
you can do as well.

00:11:47.760 --> 00:11:52.399
Let's move on to EAF PDF Viewer.

00:11:52.399 --> 00:11:56.079
Now, let's open

00:11:56.079 --> 00:11:59.440
the PDF file using EAF.

00:11:59.440 --> 00:12:01.519
So, that's one something already here, but

00:12:01.519 --> 00:12:02.720
let's open it here.

00:12:02.720 --> 00:12:06.079
So, eaf-open, and

00:12:06.079 --> 00:12:08.160
select "Introduction to Programming in

00:12:08.160 --> 00:12:11.440
Emacs Lisp".

00:12:11.440 --> 00:12:13.760
I have it already open, but it's okay.

00:12:13.760 --> 00:12:17.040
So, you have the file,

00:12:17.040 --> 00:12:20.160
you have other files displayed…

00:12:20.160 --> 00:12:22.800
you have all the pages display, sorry.

00:12:23.200 --> 00:12:27.040
There are 273 pages in total, but notice

00:12:27.040 --> 00:12:29.279
how fast it is to browse

00:12:29.279 --> 00:12:31.440
all the pages, it is blazingly fast,

00:12:31.440 --> 00:12:33.519
that's all thanks to Python and

00:12:33.519 --> 00:12:37.040
MuPDF which you don't really get from

00:12:37.040 --> 00:12:40.880
Emacs Lisp.

00:12:40.880 --> 00:12:43.600
So, let's say if I want to jump to page

00:12:43.600 --> 00:12:48.639
50. We press p and Enter 50.

00:12:48.639 --> 00:12:53.279
And here we are, we are at page 50.

00:12:53.279 --> 00:12:55.440
You can look at the lower right to

00:12:55.440 --> 00:12:58.880
verify the page you're on.

00:12:58.880 --> 00:13:05.120
You can use i to toggle dark mode

00:13:05.120 --> 00:13:07.839
as expected. Let's say you want to

00:13:07.839 --> 00:13:08.240
find

00:13:08.240 --> 00:13:11.519
table of contents, so use Control s —

00:13:11.519 --> 00:13:15.680
the Emacs default binding for I-search,

00:13:15.680 --> 00:13:19.360
and search for a "table of contents",

00:13:19.360 --> 00:13:21.680
here we are, it is highlighted for you,

00:13:21.680 --> 00:13:23.120
and you can Control s for more but

00:13:23.120 --> 00:13:26.006
there's only one match,

00:13:26.006 --> 00:13:27.200
you (press) Control g (C-g) to

00:13:27.200 --> 00:13:28.800
disable the highlight,

00:13:28.800 --> 00:13:30.880
and you see a lot of options for you to

00:13:30.880 --> 00:13:32.320
go.

00:13:32.320 --> 00:13:35.040
Okay. Let's say, if you want to go to the

00:13:35.040 --> 00:13:36.240
preface.

00:13:36.240 --> 00:13:39.519
That is, you press f which is

00:13:39.519 --> 00:13:40.639
also similar to

00:13:40.639 --> 00:13:44.240
EAF browser, you press f for Vimium,

00:13:44.240 --> 00:13:47.760
and you see the marker, now change to wn,

00:13:47.760 --> 00:13:50.160
press wn, and then you can go to the

00:13:50.160 --> 00:13:51.279
preface.

00:13:51.279 --> 00:13:54.320
Now, we are at the preface.

00:13:54.320 --> 00:13:56.480
So, now you finish reading, you want to

00:13:56.480 --> 00:13:57.600
save your progress?

00:13:57.600 --> 00:13:59.440
No worries, it is already saved for you

00:13:59.440 --> 00:14:01.199
by EAF. You can safely

00:14:01.199 --> 00:14:04.240
close the document using x,

00:14:04.240 --> 00:14:07.519
and opening again, eaf-open,

00:14:07.519 --> 00:14:10.560
and the file…, see you are at

00:14:10.560 --> 00:14:14.000
preface again. You're right at where

00:14:14.000 --> 00:14:16.560
you left of.

00:14:16.560 --> 00:14:19.440
You can also use M-x org-store-link, or

00:14:19.440 --> 00:14:20.480
Control c l (C-c l) —

00:14:20.480 --> 00:14:23.279
which I prefer, if you want to save a

00:14:23.279 --> 00:14:24.480
particular page in

00:14:24.480 --> 00:14:28.240
a Org mode file. Now,

00:14:28.240 --> 00:14:30.320
I go back to my presentation doc, I don't

00:14:30.320 --> 00:14:31.760
need this anymore.

00:14:31.760 --> 00:14:35.600
So, you just (press) Control c Control l (C-c C-l),

00:14:35.600 --> 00:14:39.120
or I think M-x org-insert-link.

00:14:39.120 --> 00:14:41.040
You can find the file right here, and

00:14:41.040 --> 00:14:42.399
you press Enter (RET),

00:14:42.399 --> 00:14:44.320
and you press Enter (RET) for the description

00:14:44.320 --> 00:14:46.480
again, and now it's right here,

00:14:46.480 --> 00:14:50.720
and Control c Control o (C-c C-o) to open it. Voilà!

00:14:50.720 --> 00:14:54.000
You're back.

00:14:54.000 --> 00:14:57.120
Let's now demonstrate the EAF Video

00:14:57.120 --> 00:14:58.880
Player.

00:14:58.880 --> 00:15:02.639
So, M-x eaf-open, you use eaf-open whenever

00:15:02.639 --> 00:15:03.279
you want to

00:15:03.279 --> 00:15:06.079
open some file. You use eaf-open-browser

00:15:06.079 --> 00:15:07.279
if you want to use some

00:15:07.279 --> 00:15:09.920
actual application that's not really

00:15:09.920 --> 00:15:11.199
related to a file.

00:15:11.199 --> 00:15:14.800
So, eaf-open, and select the video

00:15:14.800 --> 00:15:15.600
you want, so,

00:15:15.600 --> 00:15:18.320
video-demo, I already have a video

00:15:18.320 --> 00:15:19.040
demo

00:15:19.040 --> 00:15:21.839
ready, because I recorded a video of

00:15:21.839 --> 00:15:22.720
the demo

00:15:22.720 --> 00:15:26.000
of the EAF Camera, have a look.

00:15:26.000 --> 00:15:28.079
Let's move to the beginning, "Hello people

00:15:28.079 --> 00:15:29.279
from the future!

00:15:29.279 --> 00:15:32.399
This is a demo of the EAF Video Player

00:15:32.399 --> 00:15:35.199
that demos the EAF Camera feature,

00:15:35.199 --> 00:15:37.440
so, as you can see on the screen of me

00:15:37.440 --> 00:15:38.639
inside my camera,

00:15:38.639 --> 00:15:40.959
and the screen is actually with all

00:15:40.959 --> 00:15:42.880
within Emacs.

00:15:42.880 --> 00:15:45.273
(Right, the video itself is as well, haha.)

00:15:45.273 --> 00:15:46.079
You can open this

00:15:46.079 --> 00:15:49.839
using eaf-open-camera

00:15:49.839 --> 00:15:53.040
which I'm already into, and you can

00:15:53.040 --> 00:15:53.600
press

00:15:53.600 --> 00:15:56.720
p to capture a photo,

00:15:56.720 --> 00:15:59.680
so, the photo is by default stored at

00:15:59.680 --> 00:16:02.773
your $HOME/Downloads directory,

00:16:02.773 --> 00:16:04.320
and you can modify it

00:16:04.320 --> 00:16:07.839
freely. If you go here, and you can see

00:16:07.839 --> 00:16:09.519
the camera stored

00:16:09.519 --> 00:16:13.759
right here."

00:16:13.759 --> 00:16:16.240
So, you press Space (SPC) to pause, what I used

00:16:16.240 --> 00:16:17.120
here is

00:16:17.120 --> 00:16:20.320
the eaf-open-this-from-dired.

00:16:20.320 --> 00:16:22.959
Basically, in dired

00:16:22.959 --> 00:16:23.839
you select

00:16:23.839 --> 00:16:26.959
the file that should be opened by

00:16:26.959 --> 00:16:30.320
EAF, and I used that. It detects that

00:16:30.320 --> 00:16:32.720
it wants to use the EAF Image Viewer, so

00:16:32.720 --> 00:16:35.839
I accidentally tested EAF Image Viewer

00:16:35.839 --> 00:16:40.240
before I noticed. That gives the

00:16:40.240 --> 00:16:43.680
image of the photo I just took

00:16:43.680 --> 00:16:47.040
using EAF Camera. As you can see, you

00:16:47.040 --> 00:16:47.360
can

00:16:47.360 --> 00:16:50.720
use hl — the Vim binding to navigate

00:16:50.720 --> 00:16:53.256
in the timestamp in the video,

00:16:53.256 --> 00:16:55.920
and I can use

00:16:55.920 --> 00:17:02.320
jk to change the volumes of the video.

00:17:02.320 --> 00:17:05.520
Alright. Now, you've seen all the basic

00:17:05.520 --> 00:17:06.160
usages

00:17:06.160 --> 00:17:08.720
of the EAF project, it comes the question

00:17:08.720 --> 00:17:11.600
of what is the magic behind it.

00:17:11.600 --> 00:17:14.559
All right. Let's open the hacking page in

00:17:14.559 --> 00:17:15.919
the wiki,

00:17:15.919 --> 00:17:20.400
the design is laid out in a diagram here.

00:17:20.400 --> 00:17:25.120
Let's put it

00:17:25.120 --> 00:17:27.839
side by side along with my text, so

00:17:27.839 --> 00:17:32.320
we can follow through.

00:17:32.320 --> 00:17:36.080
Right, okay. Let me…,

00:17:36.080 --> 00:17:42.320
sorry, let me drink some water.

00:17:42.320 --> 00:17:46.000
This page in the wiki went into a lot

00:17:46.000 --> 00:17:48.160
of detail,

00:17:48.160 --> 00:17:49.520
due to the time constraint I will just

00:17:49.520 --> 00:17:51.679
rephrase some of the ideas here, so for

00:17:51.679 --> 00:17:53.520
anyone interested, please have a look at

00:17:53.520 --> 00:17:55.600
the wiki yourself.

00:17:55.600 --> 00:17:58.160
The easiest way to think about EAF is

00:17:58.160 --> 00:17:58.720
that

00:17:58.720 --> 00:18:01.679
the actual GUI application is started in

00:18:01.679 --> 00:18:02.960
the background,

00:18:02.960 --> 00:18:04.960
then the frame of the application is

00:18:04.960 --> 00:18:07.120
attached to the appropriate location on

00:18:07.120 --> 00:18:07.679
the

00:18:07.679 --> 00:18:10.720
Emacs window. So,

00:18:10.720 --> 00:18:13.440
EAF linked Qt5 with Emacs using

00:18:13.440 --> 00:18:14.960
Elisp and Python.

00:18:14.960 --> 00:18:17.120
On the Python side which is colored

00:18:17.120 --> 00:18:18.640
yellow in the image,

00:18:18.640 --> 00:18:20.439
we have QGraphicsView and

00:18:20.439 --> 00:18:22.960
QGraphicsScene objects.

00:18:22.960 --> 00:18:25.039
These are used to simulate the Emacs

00:18:25.039 --> 00:18:26.640
window buffer design

00:18:26.640 --> 00:18:28.640
where QGraphicsScene is similar to

00:18:28.640 --> 00:18:29.840
buffers in Emacs,

00:18:29.840 --> 00:18:31.840
it controls the state and the content

00:18:31.840 --> 00:18:34.240
details of the application

00:18:34.240 --> 00:18:41.200
where QGraphicsView is similar to Emacs

00:18:41.200 --> 00:18:43.200
window. It populates the buffer

00:18:43.200 --> 00:18:45.919
(QGraphicsScene) to the foreground at

00:18:45.919 --> 00:18:46.960
the appropriate

00:18:46.960 --> 00:18:48.573
position.

00:18:48.573 --> 00:18:50.320
Whenever an EAF mode buffer

00:18:50.320 --> 00:18:57.679
brings to a background….

00:18:57.679 --> 00:18:59.679
Whenever an EAF mode buffer brings to the

00:18:59.679 --> 00:19:00.880
foreground, sorry,

00:19:00.880 --> 00:19:02.559
a QGraphicsView instance is

00:19:02.559 --> 00:19:05.120
created, and whenever the buffer goes to

00:19:05.120 --> 00:19:06.080
the background

00:19:06.080 --> 00:19:08.000
the QGraphicsView instance is then

00:19:08.000 --> 00:19:09.120
deleted,

00:19:09.120 --> 00:19:10.960
while QGraphicsScene — the actual

00:19:10.960 --> 00:19:12.480
process — remains running in the

00:19:12.480 --> 00:19:14.480
background until the EAF mode buffer is

00:19:14.480 --> 00:19:16.000
killed.

00:19:16.000 --> 00:19:18.320
GPU compositing is used to ensure that

00:19:18.320 --> 00:19:19.440
QGraphicsView and

00:19:19.440 --> 00:19:21.840
QGraphicsScene is synchronized real time.

00:19:21.840 --> 00:19:24.000
Using QWindow::setParent function

00:19:24.000 --> 00:19:25.679
the QGraphicsView is attached to the

00:19:25.679 --> 00:19:27.840
appropriate location on the Emacs frame,

00:19:27.840 --> 00:19:30.640
so that although GUI applications are

00:19:30.640 --> 00:19:32.400
not running within Emacs,

00:19:32.400 --> 00:19:36.160
they look as if they were.

00:19:36.160 --> 00:19:39.039
When user types on the keyboard it is

00:19:39.039 --> 00:19:41.039
first received by the Emacs

00:19:41.039 --> 00:19:43.520
EAF mode buffer, and then Elisp sends

00:19:43.520 --> 00:19:45.360
the event to QGraphicsScene using

00:19:45.360 --> 00:19:46.240
D-Bus.

00:19:46.240 --> 00:19:48.720
When user clicks on the GUI application

00:19:48.720 --> 00:19:50.799
it is received by the QGraphicsView

00:19:50.799 --> 00:19:53.280
and processed in Python. Elisp can

00:19:53.280 --> 00:19:55.200
communicate with Python through D-Bus,

00:19:55.200 --> 00:19:59.200
in other words you can

00:19:59.200 --> 00:20:01.360
customize and extend Emacs not just

00:20:01.360 --> 00:20:01.760
using

00:20:01.760 --> 00:20:04.480
Elisp, and now you can use Python, this way

00:20:04.480 --> 00:20:05.360
one can leverage

00:20:05.360 --> 00:20:07.039
all the Python properties like

00:20:07.039 --> 00:20:09.600
multi-threading or some other stuff,

00:20:09.600 --> 00:20:11.679
the entire Python ecosystem can be

00:20:11.679 --> 00:20:13.520
utilized as well,

00:20:13.520 --> 00:20:16.159
such as the Qt web engine that is the

00:20:16.159 --> 00:20:16.960
basis for

00:20:16.960 --> 00:20:20.640
our EAF Browser, and PyMuPDF is the

00:20:20.640 --> 00:20:23.360
basis for the EAF PDF Viewer.

00:20:23.360 --> 00:20:25.840
This really opens the window to many

00:20:25.840 --> 00:20:28.240
many new possibilities to extend Emacs

00:20:28.240 --> 00:20:32.720
using EAF.

00:20:32.720 --> 00:20:36.080
All right, back here. We are always

00:20:36.080 --> 00:20:37.760
looking for people to join the

00:20:37.760 --> 00:20:39.679
development, there are many many

00:20:39.679 --> 00:20:42.720
more work that needs to be done,

00:20:42.720 --> 00:20:44.640
such as testing and debug EAF on

00:20:44.640 --> 00:20:46.640
more Linux distros and window managers

00:20:46.640 --> 00:20:47.760
such as i3

00:20:47.760 --> 00:20:51.200
and stuff, you can also add new EAF

00:20:51.200 --> 00:20:52.080
applications,

00:20:52.080 --> 00:20:54.240
or debug and enhance existing EAF

00:20:54.240 --> 00:20:55.440
applications,

00:20:55.440 --> 00:20:58.000
or you can port EAF to native Wayland

00:20:58.000 --> 00:21:00.240
which I just discussed with

00:21:00.240 --> 00:21:03.840
the emacs-webkit author

00:21:03.840 --> 00:21:07.919
Akira Kyle, and he told me that

00:21:07.919 --> 00:21:11.200
EAF doesn't really work on

00:21:11.200 --> 00:21:14.320
native Wayland, because it uses

00:21:14.320 --> 00:21:16.799
XWayland, so it doesn't work on the pgtk

00:21:16.799 --> 00:21:18.159
port of Emacs.

00:21:18.159 --> 00:21:20.559
And we also need people to port EAF to

00:21:20.559 --> 00:21:22.080
non-free operating systems

00:21:22.080 --> 00:21:25.600
including Windows and macOS,

00:21:25.600 --> 00:21:28.480
and that's because, like, D-Bus is a Linux

00:21:28.480 --> 00:21:30.080
specific feature, so it doesn't really

00:21:30.080 --> 00:21:31.360
work on other platform.

00:21:31.360 --> 00:21:33.039
We need to check, replace it with some

00:21:33.039 --> 00:21:34.640
alternative, and

00:21:34.640 --> 00:21:36.720
QGraphicsScene somehow doesn't really

00:21:36.720 --> 00:21:38.640
work on macOS,

00:21:38.640 --> 00:21:40.320
and there are many other to-do lists

00:21:40.320 --> 00:21:42.880
available, so please have a look

00:21:42.880 --> 00:21:45.039
and see if there is anything you want to

00:21:45.039 --> 00:21:46.640
work on.

00:21:46.640 --> 00:21:49.039
All right. So, since this is a

00:21:49.039 --> 00:21:51.120
pre-recorded talk I won't be able to do

00:21:51.120 --> 00:21:53.520
the Q & A real time in the video.

00:21:53.520 --> 00:21:56.080
However, I will be around on the

00:21:56.080 --> 00:21:57.200
collaborative pad

00:21:57.200 --> 00:22:00.239
and the IRC #emacsconf,

00:22:00.239 --> 00:22:01.360
#emacsconf-questions

00:22:01.360 --> 00:22:04.139
to answer any questions when it pops up,

00:22:04.139 --> 00:22:05.760
and you can also submit an issue

00:22:05.760 --> 00:22:09.120
on the repo, and you can check the wiki

00:22:09.120 --> 00:22:12.640
for some other guides and tricks.

00:22:12.640 --> 00:22:15.039
All right. Thank you guys, and hopefully

00:22:15.039 --> 00:22:16.000
you find

00:22:16.000 --> 00:22:18.320
this EAF project very interesting, and

00:22:18.320 --> 00:22:24.320
enjoy the rest of EmacsConf 2020.