From: Martin Desrumaux Date: Tue, 13 Oct 2020 14:26:28 +0000 (+0200) Subject: feat(Player): Add slides X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=d3cfc07fe27caf9b4ab8e89df6cdb74fe2141d31;p=slides.git feat(Player): Add slides --- diff --git a/src/slides/timeside-2020.md b/src/slides/timeside-2020.md index 0893af1..ef3671d 100644 --- a/src/slides/timeside-2020.md +++ b/src/slides/timeside-2020.md @@ -596,7 +596,7 @@ class: ircam, tight #timeside.player -##API SDK +##API SDK (client library) .pull-left[ - Timeside API: 75 routes @@ -637,30 +637,35 @@ class: ircam, tight - SDK: https://github.com/Ircam-Web/timeside-sdk-js - Node: https://github.com/Ircam-Web/timeside-scripts -openapi-generator supports Python, C/C++, Ruby, Go, Rust etc... +Opportunity: `openapi-generator` also supports Python, C/C++, Ruby, Go, Rust etc... --- -class: ircam +class: ircam, tight #timeside.player development -- DOM Manipulation: Vue (composition-api) -- Waveform / Analysis: D3 rendering using SVG -- Annotation: DOM +🌐 Target +- Firefox +- Chrome ---- -class: ircam +🔧 Technologies +- Vue (composition-api): DOM Manipulation, Data reactivity +- D3 (SVG): Render waveform / Analysis +- HTML5 Audio +- Web Animations API +- Resize Observer -# Player demo +🚀 Usage +- Standalone app +- Web library + - React + - Vue + - HTML --- -class: ircam - -# Usage as web library +class: ircam, center -- React -- Vue -- HTML +# Demo time! --- class: ircam