feat(Player): Add slides

diff --git a/src/slides/timeside-2020.md b/src/slides/timeside-2020.md
index a2ed110487355937b91bac259c8e06016e4385c5..00820447be303719275d52e01a6f5ad96b38d8e5 100644 (file)
--- a/src/slides/timeside-2020.md
+++ b/src/slides/timeside-2020.md
@@ -591,6 +591,85 @@ class: ircam
 ]
 
 
+---
+class: ircam
+
+# API SDK
+
+.pull-left[
+- Timeside API: 75 routes
+- openapi-generator
+       - Typescript
+       - Fetch
+       - OpenAPI v3 Schemas
+- Improve schema support on DRF (PR)
+       - Components
+       - Customize default names
+- Glue code
+       - Authentication
+       - Initialization on Browser / Node
+- Documentation
+]
+
+
+.pull-right[
+```openapi
+  /timeside/api/analysis/:
+    get:
+      operationId: listAnalysis
+      description: ''
+      parameters: []
+      responses:
+        '200':
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: '#/components/schemas/Analysis'
+          description: ''
+```
+]
+
+
+- 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...
+
+---
+class: ircam
+
+# Player developement
+
+- DOM Manipulation: Vue (composition-api)
+- Waveform / Analysis: D3 rendering using SVG
+- Annotation: DOM
+       
+---
+class: ircam
+
+# Player demo
+
+---
+class: ircam
+
+# Usage as web library
+
+- React
+- Vue
+- HTML
+
+---
+class: ircam
+
+# Current limitations
+
+-      Processing tasks are limited to one machine
+       - Deployment on k8s cluster
+- Clients need to poll server to get update of task status
+       - Implementing Websocket, ServerEvent, Webhook
+
 ---
 class: ircam
 

diff --git a/src/styl/remark-themes/default.styl b/src/styl/remark-themes/default.styl
index bf228227dd0fe23a0ce7db8d2402d723c3c86a10..1a3005b6034994d5472233479cf5c70bf02c8e27 100644 (file)
--- a/src/styl/remark-themes/default.styl
+++ b/src/styl/remark-themes/default.styl
@@ -66,6 +66,7 @@ code
 .center-50
   width 50%
 
+.pull-right ~ ul
 .pull-right ~ p
   clear both