-
Notifications
You must be signed in to change notification settings - Fork 0
/
animating_gifs_in_orgmode.html
164 lines (148 loc) · 6.97 KB
/
animating_gifs_in_orgmode.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 2022-07-23 Sat 05:11 -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Animating gifs in orgmode</title>
<meta name="generator" content="Org mode">
<meta name="author" content="ivanaf">
<link rel="stylesheet" type="text/css" href="css/org.css"/>
<link rel="icon" href="ico/favicon.ico" type="image/x- icon">
<script type="text/javascript">
/*
@licstart The following is the entire license notice for the
JavaScript code in this tag.
Copyright (C) 2012-2020 Free Software Foundation, Inc.
The JavaScript code in this tag is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this tag.
*/
<!--/*--><![CDATA[/*><!--*/
function CodeHighlightOn(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.cacheClassElem = elem.className;
elem.cacheClassTarget = target.className;
target.className = "code-highlighted";
elem.className = "code-highlighted";
}
}
function CodeHighlightOff(elem, id)
{
var target = document.getElementById(id);
if(elem.cacheClassElem)
elem.className = elem.cacheClassElem;
if(elem.cacheClassTarget)
target.className = elem.cacheClassTarget;
}
/*]]>*///-->
</script>
</head>
<body>
<div id="content">
<div class="head">
<div class="title">
<p>
<a href="index.html">Ivanaf</a>
</p>
</div>
<menu>
<ul class="org-ul">
<li><a href="index.html">Home</a></li>
<li><a href="journal.html">Journal</a></li>
<li><a href="about.html">About</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="projects_ideas.html">Messy Ideas</a></li>
</ul>
</menu>
</div>
<p>
</p><h1>
Animating gifs in orgmode
</h1><p>
</p>
<p>
<span class=page-date> <small>
2019-05-25, updated 2019-05-25 — <a href='journal.html#emacs' class='emacs tagbutton'>emacs</a> <a href='journal.html#tech' class='tech tagbutton'>tech</a> <a href='journal.html#blog' class='blog tagbutton'>blog</a>   <a href="automatic_latex_fragment_toggling_in_org-mode.html">⇦Automatic Latex Fragment Toggling in org-mode</a> – <a href="i3wm_screencasting_gifs.html">i3wm screencasting gifs⇨</a>
</small> </span>
</p>
<p>
Makes gif animated in orgmode.
</p>
<p>
From the <a href="https://github.com/Fuco1/org-inline-image/blob/master/org-inline-image.el">org-inline-image package</a>, with minimal modification ( the only change is testing if the figure is an image by checking the 'org-image-overlay, instead of the custom created oerlay). This requires the package dash.
</p>
<p>
It will automatically play the gif after you've left the (point) on the image. Sadly play gifs seem to be computationally intensive on emacs.
</p>
<div class="org-src-container">
<pre class="src src-emacs-lisp"><span class="org-comment-delimiter">;; </span><span class="org-comment">Copyright (C) 2014 Matus Goljer <a href="mailto:matus.goljer%40gmail.com"><[email protected]></a></span>
<span class="org-comment-delimiter">;; </span><span class="org-comment">Package-requires: ((dash "2.5.0"))</span>
(<span class="org-keyword">defun</span> <span class="org-function-name">org-inline-image--get-current-image</span> ()
<span class="org-doc">"Return the overlay associated with the image under point."</span>
(car (--select (eq (overlay-get it 'org-image-overlay) t) (overlays-at (point)))))
(<span class="org-keyword">defun</span> <span class="org-function-name">org-inline-image--get</span> (prop)
<span class="org-doc">"Return the value of property PROP for image under point."</span>
(<span class="org-keyword">let</span> ((image (org-inline-image--get-current-image)))
(<span class="org-keyword">when</span> image
(overlay-get image prop))))
(<span class="org-keyword">defun</span> <span class="org-function-name">org-inline-image-animate</span> ()
<span class="org-doc">"Animate the image if it's possible."</span>
(<span class="org-keyword">interactive</span>)
(<span class="org-keyword">let</span> ((image-props (org-inline-image--get 'display)))
(<span class="org-keyword">when</span> (image-animated-p image-props)
(image-animate image-props))))
(<span class="org-keyword">defun</span> <span class="org-function-name">org-inline-image-animate-auto</span> ()
(<span class="org-keyword">interactive</span>)
(<span class="org-keyword">when</span> (eq 'org-mode major-mode)
(<span class="org-keyword">while-no-input</span>
(run-with-idle-timer 0.3 nil 'org-inline-image-animate))))
(<span class="org-keyword">setq</span> org-inline-image--get-current-image (byte-compile 'org-inline-image--get-current-image))
(<span class="org-keyword">setq</span> org-inline-image-animate (byte-compile 'org-inline-image-animate ))
(add-hook 'post-command-hook 'org-inline-image-animate-auto)
</pre>
</div>
</div></div>
<br>
<div class="comments">
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'ivanaf'; // Required - Replace '<example>' with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
var showComments = function() {
var button = document.getElementById('comment-button')
button.style.display = 'none'
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
};
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<button id="comment-button" onclick="showComments()">Show comments</button>
</div>
<div><div>
</div>
<div id="postamble" class="status">
<p class="author">Author: Ivan Tadeu Ferreira Antunes Filho</p>
<p class="date">Date: 2022-07-23 Sat 05:11</p>
<p class="author">Github: <a href="https://github.com/itf/">github.com/itf</a></p>
<p class="creator">Made with <a href="https://www.gnu.org/software/emacs/">Emacs</a> 27.1 (<a href="https://orgmode.org">Org</a> mode 9.3) and <a href="https://github.com/itf/org-export-head">Org export head</a> </p>
</div>
</body>
</html>