Vimeo Prototype about undebate

[ddfridley]

You can see the demo using youtube at: https://undebate.herokuapp.com/youtube
The issues with the screens flashing can be overcome by placing a still frame there, however the youtube title and logo can't be turned off and can't be styled. This becomes a big problem when the window is small, like on a smartphone. Can we do better with vimeo?

This is the iota collection entry for the youtube demo, you can use Add Document in the mLab UI to add this:

{
"path": "/youtube",
"subject": "School Board Candidate Conversation - Candidate Conversation using Youtube Video",
"description": "A prototype Candidate Conversation for schoolboard, using Youtube video",
"component": {
"component": "MergeParticipants"
},
"webComponent": {
"webComponent": "Undebate",
"opening": {
"line1": "You are about to experience a new kind of conversation",
"line2": "This is how voters can learn about candidates in a more human way",
"line3": "And this is how we can efficiently facilitate 500K conversations all over the country, every election season",
"line4": "The topic of the discussion is:",
"bigLine": "US School Board Candidate Conversation",
"subLine": "This is a mock conversation, these are not real candidates"
},
"audio": {
"intro": {
"url": "https://res.cloudinary.com/hf6mryjpf/video/upload/v1567095028/Generic_Light_Intro_7_sec_yp3lxk.wav",
"volume": 0.8
},
"ending": {
"url": "https://res.cloudinary.com/hf6mryjpf/video/upload/v1567096104/Heart_Soul_Entire_Duet_2_min_45_sec_1_j5sbpj.wav",
"volume": 0.7
}
},
"participants": {
"moderator": {
"name": "David Fridley",
"speaking": [
"https://youtu.be/8W3XUJ6Z7zA",
"https://youtu.be/f4xmG1StKeA",
"https://youtu.be/IQfs-n_SXYQ",
"https://youtu.be/cK0FsPy1hsk"
],
"listening": "https://youtu.be/5PXieM334KQ",
"agenda": [
[
"Introductions",
"1- Who you are",
"2- Where you are",
"3- One word to describe yourself",
"4- What office you are running for"
],
[
"What type of skills should students be learning for success in the 21st century?"
],
[
"Closing Remarks"
]
],
"timeLimits": [
10,
60,
60
]
}
}
}
}

To create a vimeo demo - copy this, change the path: "/vimeo" or something, and add it as a document. They you will need to change the links to vimeo links. Then the real work will be in undebate.js to the equivalent for vimeo as was done for youtube.