real time subtitles - air.imag.fr · reveal.js done distributed app approximate many scenarios only...

18
Real Time Subtitles David BUI Maxime LECHAVALLIER Sara Ounissi RICM4 Supervisor : Jérôme Maisonnasse 1

Upload: others

Post on 22-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Real Time SubtitlesDavid BUI – Maxime LECHAVALLIER – Sara Ounissi

RICM4

Supervisor : Jérôme Maisonnasse

1

Page 2: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Context

•Transcript speech

•Disabled students

•Google Speech Recognition

•Make a scenario

2

Page 3: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Missions

Use Google Speech Recognition ● Done at half-time project

Reveal.js ● Done

Distributed app ● Approximate

Many scenarios ● Only 1

Real time editing ● Done

Vote system ● Done

User session ● Done

User-friendly interface ● To rework

Convert notes to .pdf file ● Not done

3

Page 4: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Technologies

• Google Speech Recognition

• Reveal.js

• HTML + CSS + JavaScript

• jQuery

• Socket.io

• Meteor

• Mongo-db

• Bootstrap

4

Page 5: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Features implemented

• Google Speech Recognition

5

Page 6: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Features implemented

• Reveal.js

6

Page 7: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Features implemented

• User Session

7

Page 8: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Features implemented

• Collaboration

8

Page 9: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Features implemented

• Editing

9

Page 10: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Features implemented

• Bonus• 100% customed Reveal : keyboard shortcut removed for

example

• Welcome page

• About page

• Konami code

10

Page 11: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Quick overview

• End project looks like :

11

Page 12: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Quick overview

• End project looks like :

12

Page 13: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Quick overview

• End project looks like :

13

Page 14: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Problems faced

• Half-time project• Socket.io hard to handle

• Need of database

• Restricted knowledge in Database among the groug => Hard to create our own DB

• Solution : New framework, easier to handle : Meteor

• But :• 3 weeks before deadline

• Discovering a whole new framework

• Dynamic programming

• New separation of the code

14

Page 15: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Problems faced 15

AfterBefore

Page 16: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Problems faced

• From half-time until now• Reading a lot again

• Google speech is not reliable

• Dynamic pages

• Customer <-> Developper relation

• But :• Quick results

• Fast learning

• Objectives well known

16

Page 17: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Potential improvements

• Security

• File Uploader

• Deploy the app

• Another Speech Recognizer

17

Page 18: Real Time Subtitles - air.imag.fr · Reveal.js Done Distributed app Approximate Many scenarios Only 1 Real time editing Done Vote system Done User session Done User-friendly interface

Conclusion

• Concrete project

• Good time

• Code organized : possible review

• Functional and effective in the future

• This first experience in Web application

18