-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
17 lines (17 loc) · 10.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!doctype html><html lang=en><head><meta name=generator content="Hugo 0.145.0"><title>Toto do stuff</title>
<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Toto do stuff"><meta name=keywords content><meta name=robots content="noodp"><link rel=canonical href=https://blog.totetmatt.fr/><link rel=stylesheet href=https://blog.totetmatt.fr/css/buttons.min.2bc533403a27dfe0e93105a92502b42ce4587e2e4a87d9f7d349e51e16e09478.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/code.min.00125962708925857e7b66dbc58391d55be1191a3d0ce2034de8c9cd2c481c36.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/fonts.min.4881f0c525f3ce2a1864fb6e96676396cebe1e6fcef1933e8e1dde7041004fb5.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/footer.min.2e3eb191baee58dd05a9f0104ac1fab0827bca7c64dafe0b2579f934c33a1d69.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/header.min.b6fb4423cf82a9f9d7abc9cd010223fa3d70a6526a3f28f8e17d814c06e18f9e.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/main.min.fe8dc560fccb53a458b0db19ccb7b265764ac46b68596b7e099c6793054dd457.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/menu.min.83637a90d903026bc280d3f82f96ceb06c5fc72b7c1a8d686afb5bbf818a29f7.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/pagination.min.82f6400eae7c7c6dc3c866733c2ec0579e4089608fea69400ff85b3880aa0d3c.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/post.min.fc74ca360273c1d828da3c02b8174eba435607b369d98418ccc6f2243cd4e75d.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/prism.min.9023bbc24533d09e97a51a0a42a5a7bfe4c591ae167c5551fb1d2191d11977c0.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/syntax.min.cc789ed9377260d7949ea4c18781fc58959a89287210fe4edbff44ebfc1511b6.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/terminal.min.4b367d85d0d0061435650561285afed36c46a7cf8dc6d7ed5642d98e589fa622.css><link rel=stylesheet href=https://blog.totetmatt.fr/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css><link rel="shortcut icon" href=https://blog.totetmatt.fr/favicon.png><link rel=apple-touch-icon href=https://blog.totetmatt.fr/apple-touch-icon.png><meta name=twitter:card content="summary"><meta property="og:locale" content="en"><meta property="og:type" content="website"><meta property="og:title" content="Toto do stuff"><meta property="og:description" content="Toto do stuff"><meta property="og:url" content="https://blog.totetmatt.fr/"><meta property="og:site_name" content="Toto do stuff"><meta property="og:image" content="https://blog.totetmatt.fr/og-image.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="627"><link href=/index.xml rel=alternate type=application/rss+xml title="Toto do stuff"></head><body><div class="container center"><header class=header><div class=header__inner><div class=header__logo><a href=/><div class=logo>Toto do stuff</div></a></div><ul class="menu menu--mobile"><li class=menu__trigger>Menu ▾</li><li><ul class=menu__dropdown><li><a href=https://bsky.app/profile/totetmatt.fr>Bluesky</a></li><li><a href=https://github.com/totetmatt>Github</a></li><li><a href=https://mastodon.social/@totetmatt>Mastodon</a></li><li><a href=https://photo.totetmatt.fr>Photo</a></li></ul></li></ul></div><nav class=navigation-menu><ul class="navigation-menu__inner menu--desktop"><li><a href=https://bsky.app/profile/totetmatt.fr>Bluesky</a></li><li><a href=https://github.com/totetmatt>Github</a></li><li><a href=https://mastodon.social/@totetmatt>Mastodon</a></li><li><a href=https://photo.totetmatt.fr>Photo</a></li></ul></nav></header><div class=content><div class=posts><article class="post on-list"><h2 class=post-title><a href=https://blog.totetmatt.fr/posts/2023-02-26_network-graph-rendering-isopleths-with-gmic/>Network Graph rendering : Isopleths with Gmic</a></h2><div class=post-meta><time class=post-date>2023-02-26</time></div><span class=post-tags>#<a href=https://blog.totetmatt.fr/tags/gephi/>gephi</a>
#<a href=https://blog.totetmatt.fr/tags/gmic/>gmic</a>
</span><img src=/posts/2023-02-26_network-graph-rendering-isopleths-with-gmic/cover.png class=post-cover alt="Network Graph rendering : Isopleths with Gmic" title="Cover Image"><div class=post-content><p>Mathieu Jacomy is currently experimenting a type of graph rendering using a technic called <strong>“Hillshading”</strong>, a demo is accessible here <a href=https://observablehq.com/d/7d19c2d05caf9fb2>https://observablehq.com/d/7d19c2d05caf9fb2</a> . The idea of this concept is to add information to enhance the readability of the graph, especially when there is condensed clusters of nodes.</p><p>The current script is working mostly in javascript with <strong>D3.js</strong>. I wanted to find a way to do it without any JS, locally in my computer. Then I remember a wonderful tool called GMIC that can do a lot of advanced image processing.</p></div><div><a class="read-more button inline" href=/posts/2023-02-26_network-graph-rendering-isopleths-with-gmic/>Read more</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.totetmatt.fr/posts/2021-06-05_bonzomatic_ffmpeg/>How to Capture your Bonzomatic with FFmpeg</a></h2><div class=post-meta><time class=post-date>2021-06-05</time></div><span class=post-tags>#<a href=https://blog.totetmatt.fr/tags/ffmpeg/>ffmpeg</a>
#<a href=https://blog.totetmatt.fr/tags/bonzomatic/>bonzomatic</a> </span><div class=post-content><p>Got to work on this website <a href=https://psenough.github.io/shader_summary/>https://psenough.github.io/shader_summary/</a> that try to gather all graphical live coding events performed in the past.</p><p>Basically, for people that don’t know, it’s live coding performance done, sometime as a competition, sometime as a jam, where folks create real time graphics stuff.</p><p>One of the common tool used is Bonzomatic , it’s a simple application that use OpenGL to render a rectangle that fit to the application screen and then you can live edit the Framgment Shader that determine what should be the color of the pixel.</p></div><div><a class="read-more button inline" href=/posts/2021-06-05_bonzomatic_ffmpeg/>Read more</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.totetmatt.fr/posts/2020-10-13_twitch-and-ffmpeg-with-some-youtube-dl-help-fetch-from-live-stream-to-local-file/>Twitch and FFmpeg and Youtube-dl: Fetch from live stream to local file</a></h2><div class=post-meta><time class=post-date>2020-10-03</time></div><span class=post-tags>#<a href=https://blog.totetmatt.fr/tags/ffmpeg/>ffmpeg</a>
#<a href=https://blog.totetmatt.fr/tags/youtube-dl/>youtube-dl</a>
#<a href=https://blog.totetmatt.fr/tags/ydl/>ydl</a>
#<a href=https://blog.totetmatt.fr/tags/twitch/>twitch</a> </span><div class=post-content><p><em>(Using Windows PowerShell, adapt for UNIX bash shouldn’t be a big issue)</em></p><h1 id=record-a-live-stream>Record a live stream</h1><p>So something nice with youtube-dl is like you can ask not to download the media but to fetch for the media link :</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-shell data-lang=shell><span style=display:flex><span>>> youtube-dl -g https://www.youtube.com/watch?v<span style=color:#f92672>=</span>RJt01u4yrLQ
</span></span><span style=display:flex><span>https://r2---sn-h0jeened.googlevideo.com/videoplayback?expire<span style=color:#f92672>=</span>1<span style=color:#f92672>[</span>...<span style=color:#f92672>]</span>
</span></span></code></pre></div><p>If you use that for a twitch channel that is streaming live, it returns you the HLS stream.</p><div class=highlight><pre tabindex=0 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-shell data-lang=shell><span style=display:flex><span>>> youtube-dl -g https://www.twitch.tv/farore_de_firone
</span></span><span style=display:flex><span>https://video-weaver.ber01.hls.ttvnw.net/v1/playlist/CpkEQusnrcdffNI3<span style=color:#f92672>[</span>..<span style=color:#f92672>]</span>MA2c4.m3u8
</span></span></code></pre></div><p>It by default binds to the best quality video, but you can check and select all format available using -F</p></div><div><a class="read-more button inline" href=/posts/2020-10-13_twitch-and-ffmpeg-with-some-youtube-dl-help-fetch-from-live-stream-to-local-file/>Read more</a></div></article><article class="post on-list"><h2 class=post-title><a href=https://blog.totetmatt.fr/posts/2020-06-26_extract-chapters-youtube-media/>Extract chapters from Youtube Media</a></h2><div class=post-meta><time class=post-date>2020-06-26</time></div><span class=post-tags>#<a href=https://blog.totetmatt.fr/tags/ffmpeg/>ffmpeg</a>
#<a href=https://blog.totetmatt.fr/tags/bash/>bash</a>
#<a href=https://blog.totetmatt.fr/tags/youtube-dl/>youtube-dl</a>
#<a href=https://blog.totetmatt.fr/tags/ydl/>ydl</a>
#<a href=https://blog.totetmatt.fr/tags/youtube/>youtube</a> </span><div class=post-content><blockquote><p>Update: Since a while, <code>youtube-dl</code> isn’t as powerful as it is. Fortunatelly another fork exists : <code>yt-dlp</code> . Use this instead</p></blockquote><p>Youtube recently got this “chapter” concept where it fragment a long video with chapters. I think this data might be parsed from the description of the video done, as they already parse any timestamp available for a while now.</p><p>Thanks to <code>youtube-dl</code>, we can download thena video and the metadata which now contains this chapter data.</p></div><div><a class="read-more button inline" href=/posts/2020-06-26_extract-chapters-youtube-media/>Read more</a></div></article><div class=pagination><div class=pagination__buttons></div></div></div></div><footer class=footer><div class=footer__inner><div class=copyright><span>© 2025 Powered by <a href=https://gohugo.io>Hugo</a></span>
<span>:: <a href=https://github.com/panr/hugo-theme-terminal target=_blank>Theme</a> made by <a href=https://github.com/panr target=_blank>panr</a></span></div></div></footer><script type=text/javascript src=/bundle.min.js></script></div></body></html>