real time subtitlesair.imag.fr/images/c/c9/real-time-subtitles.pdfproblems faced •half-time...

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

Upload: others

Post on 22-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Real Time SubtitlesDavid BUI – Maxime LECHAVALLIER – Sara Ounissi

RICM4

Supervisor : Jérôme Maisonnasse

1

Page 2: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Context

•Transcript speech

•Disabled students

•Google Speech Recognition

•Make a scenario

2

Page 3: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

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 Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Technologies

• Google Speech Recognition

• Reveal.js

• HTML + CSS + JavaScript

• jQuery

• Socket.io

• Meteor

• Mongo-db

• Bootstrap

4

Page 5: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Features implemented

• Google Speech Recognition

5

Page 6: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Features implemented

• Reveal.js

6

Page 7: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Features implemented

• User Session

7

Page 8: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Features implemented

• Collaboration

8

Page 9: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Features implemented

• Editing

9

Page 10: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Features implemented

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

example

• Welcome page

• About page

• Konami code

10

Page 11: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Quick overview

• End project looks like :

11

Page 12: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Quick overview

• End project looks like :

12

Page 13: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Quick overview

• End project looks like :

13

Page 14: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

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 Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Problems faced 15

AfterBefore

Page 16: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

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 Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Potential improvements

• Security

• File Uploader

• Deploy the app

• Another Speech Recognizer

17

Page 18: Real Time Subtitlesair.imag.fr/images/c/c9/Real-Time-Subtitles.pdfProblems faced •Half-time project •Socket.io hard to handle •Need of database •Restricted knowledge in Database

Conclusion

• Concrete project

• Good time

• Code organized : possible review

• Functional and effective in the future

• This first experience in Web application

18