tino-junge / cinema-app Goto Github PK

identifiy clients by some means (MAC, IP, UserAgent,... ?) in order to prevent multiple votes per device. Especially important in conjunction with reopening sockets

depends on #6

• add new video files to view almost complete movie
• recreate owncloud links for that
• decide if storing videos in an database.yml would be better instead of creating video objects in the initializer

Check if device is a smartphone and hide launch movie button
optional : redirect to /app

Currently we do not check if votes max key would exceed video.sequels index >> IndexOutOfBounce when still some votes left (someone voted too late f.e) but current video sequels count is lower than the highest voted decision

REPRODUCE

1. choose in 2.2 and 2.3 > a) Batterie einsetzen, b) Schlüssel, c) nackt tanzen
2. clip 2.3.1 /2.3.2 or 2.3.3 is played
   2a) At the end of the clip (Roller Derby) there is the question "was soll Hanna tun" a) aufgeben b) weitermachen

DEFECTS

1. Question isnt'n shown on the app
2. System votes it self (as requested)
3. System goes back to 2.2 and 2.3
4. System get's in loop by doing this procedure

NOTICE

1. is there any relation to the syntax of the config.yml
2. &config is writen like this: 2-3-1.
3. Are there problems with the " - "

SOLUTION?

1. Have the videofiles have to be renamed?
2. another speeling of the hubs ...not 2.2.1!?

11.12.16
a) Got 2 Testers who only got Safari on there smartphone. Safari doesn't works with getting connected to the app by ...ip:3000/voting
b) chrome on smartphones (tested 4 Device) doesn't had have any problems by get connected to the app over... ip:3000/voting

Current config.yml.sample has no sequels here:

  v2: &v2_config
    file: 'iamerror_02.mp4'
    question: 'What should Hanna do?'
    answers:
      a: 'Stand up'
      b: 'Give up'

It would be nice if the question is also shown in the decision results

IS
Elias: 21
Sebastian: 27

SHOULD BE
Who is the most horny guy in the whole universe?
Elias: 21
Sebastian: 27

If video has just 20 seconds left, display timer symbol in right bottom corner of the movie and show the 2 decisions on the /app screen

CSS webkit animation doesn't work here. Only in Chrome and Safari

If there is a decision, the app should play a sound, which signals the audience that they can decide.

Issue: Server and App playing the sound. So you can hear it just over the PA of the cinema and the the Smartphones of the Audience

Goal: Sound is only played by the app (hearable on the smartphone)

Currently: If someone joins later, it resets the global video to the initial one

• Refreshing the page should fetch correct current video for voting app
• If there is an active decision, show it
• Refreshing the page on /movie will restart the whole movie

• e.g. setup End variable, which will be changed every time when a decision changes the current ending.
• Show Ending (number) in already existing ending placeholder

Check if loading of next video file could be done faster, e.g. preloaded or appended on current video stream

• A) use an image of first scene of next video
• B) preload next video in second video div and switch div if first video ends (dirty?)
• C) another awesome idea how to avoid black screen?

Add functionality to activate/deactivate controls. Should be by default hidden which makes scene switch smoother.

My config.yml looks like this:

remote_url: [...]
video:
  v1:
    file: 'iamerror_01.mp4'

At the end of the clip the decision timer fades in. Even if we are at the end of the whole movie and there is nothing to decide.

Show Paul in the code where he can adjust the timer in seconds.

Question
Green marked lines in the code have to been changed to set the timer in seconds?

62c5e40

config.zip

Situation: the audience "plays" the movie two times. The first flow path is already writen by Tino in a config.yml.

The second flow path:

starts with new Moviefiles and decisions (2_imerror-data.mp4)
there is a new decision after the "movie-endings" of the first path, which ask's: play again? there is only one decision: "yes".
Paul wrote the second flow path in a config.yml.

Issue: it doesn't work :(

Goal: that it works. You can find Paul's config.yml in the appendix.

Right now it just works locally for the first scene.
Video File fetching (e.g. if decision A, then play scene A) should also work for owncloud files. Maybe use URL parameters and the config variables.

• bottom right corner, use existing timer div

Buttons should have a mobile click animation (e.g. on button release)

Find a suitable animation for the timer during decision phase

right now we just take the first option A, but random would make it more interesting ;)

We need to store questions and answers for decisions.
Option 1: Store them in the video class
Option 2: Store them in own class
Decision texts can be stored in config file

Wichtiges To Do:

• Schriftgröße und Art (Futura...)
• größe des Timers im Bild
  ...ich würde den Timer im Filmbild einbinden (bei uns in der Postproduktion). Ist er eine .gif Vorlage?

texts should appear in the following order:

• Waiting for next decision (done)
• Decision active (done)
• You voted! (or similar, when voted but still active decision)
• Last decision (show waiting panel when last decision fade out complete)

A summary of the decision votes is interesting but not for everyone. So in order to not disturb movie watching we will move it to the smartphone voting app view

• replace all texts with locales
• support german and english
• create german version and send locale file/s to responsible person in the team for translation/wording

REPRODUCE

1. Clipend - Decision
2. Watch timer on the screen
3. you will see
   3a) timer counts down
   3b) animation from 100% black and 0%orange TO 0%black to 100%orange
   3c) after that you will shortly see the timer in 50%black and 50%orange Position

detect if device is smartphone and redirect to voting path

...ich habe heute das System und die config.yml getestet. Das schönen es läuft soweit. Das schlechte, er kann die neuen Filmformate nicht lesen.

...für die erste Entwicklungsarbeit wurde das Format .mp4 verwendet (niedrig aufgelöst, nicht das Endformat für's Kino)
...es wurden nun 2 neue Formate getestet: MXF /MOV
...bei Beiden folgt der Fehler (siehe Screenshot)
...der Fehler konnte auch nicht durch die Installation eines entsprechnende mxf./mov.codecs für Firefox behoben werden

...Tino hat innnerhalb der "Java!?" Programmierung "mp4" vorgegeben!? Einfach löschen?
...der Server muss nicht die Daten auf die richtige Format Endung testen

• if video does not have a decision but sequel, play that
• create seeds for scenes 6-11

Depends on #15 and #17

while a decision is active

Is this defect connected to the new timer set from 15 to 8 seconds?

1. At a certain Point to different Questions arre shown in the app. But there is only one decision requested by the movie it self.

REPRODUCE

1. After 6 Decision /Defect comes nearly every time
2. App shows Decision
3. Press button or not
4. Timer counts down. For round about 1-2 seconds another question is shown, which doesn't belong to the clip, part of the movie

Possible solution:
save time of last sync and reset every secod
=> if browser was frozen for longer time, the timespan grows
=> check if connection closed => reopen

see https://stackoverflow.com/questions/13798516/javascript-event-for-mobile-browser-re-launch-or-device-wake

With the latest changes of the timer from 15 to 8 seconds there are problems after decision.

1. Audience chooses. Timer counts down. New Clip starts.

2. New clip shows up with a black screen. Black Screen doesn't disappear.
   2a) by do nothing screen doens't diappears
   2b) when the screen is black, there can not be heard any sound

3. by moving the mouse video ist visible again

4. defect comes up after every decision

check some possible solutions on that, maybe add some slogans/how-to descriptions

Since there are easy and difficult decisions every video should have an attribute to define the decision time. Maybe still use default decision time in case its not set ?

Count votes of A and B decisions and play video with most votes

• Send next video info ONLY to video clients
• Send next question info ONLY to voting clients

• e.g. for 3 answers like in scene 6
• should be handled in voting view and websocket backend

TIMER

while there is a decision, on the app and on the movie screen (server) is a timer shown
paul needs the timer for the integration in the moviefiles

DECISION CONCLUSION

after the decisions by the audience a decision conclusion is shown in the choosen path
decision path (moviepart) ...decision ...choosen path (conclusion at the beginning)