+
@@ -70,72 +65,61 @@
Infusion HTML 5 Video Player
});
var vp = fluid.videoPlayer(".videoPlayer", {
- model: {
- video: {
- sources: [
- {
- src: "videos/ReorganizeFuture/ReorganizeFuture.mp4",
- type: "video/mp4"
- },
- {
- src: "videos/ReorganizeFuture/ReorganizeFuture.webm",
- type: "video/webm"
- },
- {
- src: "http://www.youtube.com/v/_VxQEPw1x9E&hl=en&fs=1",
- type: "youtube"
- }
- ]
- },
- captions: {
- sources: {
- english: {
- src: "videos/ReorganizeFuture/ReorganizeFuture.en.json",
- type: "JSONcc"
- },
- francaise: {
- src: "videos/ReorganizeFuture/ReorganizeFuture.fr.json",
- type: "JSONcc"
- }
+ video: {
+ sources: [
+ {
+ src: "videos/ReorganizeFuture/ReorganizeFuture.mp4",
+ type: "video/mp4"
},
- currentTrack: "english",
-
- // The following options (choices, names, selection) shouldn't be necessary.
- // This is a temporary workaround for FLUID-4585
- choices: [],
- names: [],
- // TODO: setting 'selection' to something other than 'none' is a workaround
- // for FLUID-4592: a default caption *must* be loaded for the
- // intervalEventsConductor to be created
- selection: "english",
-
- show: false,
- conversionServiceUrl: "/videoPlayer/conversion_service/index.php",
- maxNumber: 3,
- track: undefined
- },
- transcripts: {
- sources: {
- english: {
- src: "videos/ReorganizeFuture/ReorganizeFuture.transcripts.en.json",
- type: "JSONcc"
- },
- francaise: {
- src: "videos/ReorganizeFuture/ReorganizeFuture.transcripts.fr.json",
- type: "JSONcc"
- }
+ {
+ src: "videos/ReorganizeFuture/ReorganizeFuture.webm",
+ type: "video/webm"
},
-
- // The following options (choices, names, selection) shouldn't be necessary.
- // This is a temporary workaround for FLUID-4585
- choices: [],
- names: [],
- selection: "english",
-
- show: false,
- track: undefined
- }
-
+ {
+ src: "http://www.youtube.com/v/_VxQEPw1x9E&hl=en&fs=1",
+ type: "youtube"
+ }
+ ],
+ captions: [
+ {
+ src: "videos/ReorganizeFuture/ReorganizeFuture.en.vtt",
+ type: "text/vtt",
+ srclang: "en",
+ label: "English Subtitles",
+ kind: "subtitles"
+ },
+ {
+ src: "videos/ReorganizeFuture/ReorganizeFuture.fr.vtt",
+ type: "text/vtt",
+ srclang: "fr",
+ label: "French Subtitles",
+ kind: "subtitles"
+ }
+ ],
+ transcripts: [
+ {
+ src: "videos/ReorganizeFuture/ReorganizeFuture.transcripts.en.json",
+ type: "JSONcc",
+ srclang: "en",
+ label: "English Transcripts",
+ kind: "transcripts"
+ },
+ {
+ src: "videos/ReorganizeFuture/ReorganizeFuture.transcripts.fr.json",
+ type: "JSONcc",
+ srclang: "fr",
+ label: "French Transcripts",
+ kind: "transcripts"
+ }
+ ]
+ },
+ model: {
+ currentTracks: {
+ captions: [0],
+ transcripts: [0]
+ },
+ displayCaptions: true,
+ displayTranscripts: true
}
});
diff --git a/demos/mammals.js b/demos/mammals.js
deleted file mode 100644
index 75e71bb..0000000
--- a/demos/mammals.js
+++ /dev/null
@@ -1,133 +0,0 @@
-/*
-
-Copyright 2012 OCAD University
-
-Licensed under the Educational Community License (ECL), Version 2.0 or the New
-BSD license. You may not use this file except in compliance with one these
-Licenses.
-
-You may obtain a copy of the ECL 2.0 License and BSD License at
-https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
-*/
-
-/*global jQuery, fluid*/
-
-// JSLint options
-/*jslint white: true, funcinvoke: true, undef: true, newcap: true, nomen: true, regexp: true, bitwise: true, browser: true, forin: true, maxerr: 100, indent: 4 */
-
-
-(function ($) {
- $(document).ready(function () {
- fluid.pageEnhancer({
- tocTemplate: "../lib/infusion/components/tableOfContents/html/TableOfContents.html"
- });
-
- fluid.uiOptions.fatPanel(".flc-uiOptions", {
- prefix: "../lib/infusion/components/uiOptions/html/"
- });
-
- fluid.videoPlayer(".mammals-video", {
- model: {
- video: {
- sources: [
- {
- src: "videos/Mammals/Mammals.mp4",
- type: "video/mp4"
- },
- {
- src: "videos/Mammals/Mammals.webm",
- type: "video/webm"
- },
- {
- src: "http://www.youtube.com/v/0jw74pfWfxA",
- type: "youtube"
- }
- ]
- },
- captions: {
- sources: {
- english: {
- src: "videos/Mammals/Mammals.en.json",
- type: "JSONcc"
- },
- francaise: {
- src: "videos/Mammals/Mammals.fr.json",
- type: "JSONcc"
- }
- },
- selection: "english"
- }
- }
- });
-
- // TODO: There is repetition here when creating the video players - can it be refactored?
- fluid.videoPlayer(".polar-mammals-video", {
- model: {
- video: {
- sources: [
- {
- src: "videos/PolarMammals/PolarMammals.mp4",
- type: "video/mp4"
- },
- {
- src: "videos/PolarMammals/PolarMammals.webm",
- type: "video/webm"
- },
- {
- src: "http://www.youtube.com/v/h_oHNP50FGM",
- type: "youtube"
- }
- ]
- },
- captions: {
- sources: {
- english: {
- src: "videos/PolarMammals/PolarMammals.en.json",
- type: "JSONcc"
- },
- francaise: {
- src: "videos/PolarMammals/PolarMammals.fr.json",
- type: "JSONcc"
- }
- },
- selection: "english"
- }
- }
- });
-
- fluid.videoPlayer(".polar-adapt-video", {
- model: {
- video: {
- sources: [
- {
- src: "videos/PolarMammalAdaptations/PolarMammalAdaptations.mp4",
- type: "video/mp4"
- },
- {
- src: "videos/PolarMammalAdaptations/PolarMammalAdaptations.webm",
- type: "video/webm"
- },
- {
- src: "http://www.youtube.com/v/3_3p2ylZDAE",
- type: "youtube"
- }
- ]
- },
- captions: {
- sources: {
- english: {
- src: "videos/PolarMammalAdaptations/PolarMammalAdaptations.en.json",
- type: "JSONcc"
- },
- francaise: {
- src: "videos/PolarMammalAdaptations/PolarMammalAdaptations.fr.json",
- type: "JSONcc"
- }
- },
- selection: "english"
- }
- }
- });
- });
-
-})(jQuery);
diff --git a/demos/videos/Mammals/Mammals.en.vtt b/demos/videos/Mammals/Mammals.en.vtt
new file mode 100644
index 0000000..c6b44ab
--- /dev/null
+++ b/demos/videos/Mammals/Mammals.en.vtt
@@ -0,0 +1,94 @@
+WEBVTT
+
+1
+00:00:00.033 --> 00:00:02.064
+http://beyondpenguins.nsdl.org
+
+2
+00:00:02.064 --> 00:00:08.059
+An interview with Dr. Ross MacPhee, curator and researcher at the American Museum of Natural History.
+
+3
+00:00:08.059 --> 00:00:13.000
+What is a mammal?
+
+4
+00:00:13.000 --> 00:00:16.050
+Mammals are a group of vertebrates
+
+5
+00:00:16.050 --> 00:00:19.000
+that is to say, animals with backbones
+
+6
+00:00:19.000 --> 00:00:22.000
+who are distinguished by having four legs or
+
+7
+00:00:22.000 --> 00:00:24.093
+four appendages that are like legs
+
+8
+00:00:24.093 --> 00:00:30.016
+and whose young develop within a complicated series of birth membranes.
+
+9
+00:00:30.016 --> 00:00:36.033
+By contrast, fish are vertebrates, but true fish lack four appendages
+
+10
+00:00:36.033 --> 00:00:38.091
+so they're not tetrapod as we call them
+
+11
+00:00:38.091 --> 00:00:43.033
+and animals like amphibians who do have four legs
+
+12
+00:00:43.033 --> 00:00:48.020
+and do have backbones are not members of that particular group
+
+13
+00:00:48.020 --> 00:00:51.064
+because they don't have these complicated birth membranes.
+
+14
+00:00:51.064 --> 00:00:58.014
+We are distinguished from all other vertebrates by that general set of features.
+
+15
+00:00:58.014 --> 00:01:01.083
+More specifically, we're the only group that has the combination
+
+16
+00:01:01.083 --> 00:01:08.000
+of hair, mother's milk and three tiny bones in the middle ear
+
+17
+00:01:08.000 --> 00:01:11.083
+that are responsible for conducting sound from the outside
+
+18
+00:01:11.083 --> 00:01:15.050
+to where it can be interpreted in the brain.
+
+19
+00:01:15.050 --> 00:01:17.078
+http://beyondpenguins.nsdl.org
+
+20
+00:01:17.078 --> 00:01:21.031
+For more: Go online to the January 2009 issue on mammals.
+
+21
+00:01:21.031 --> 00:01:25.017
+Special thanks to Dr. MacPhee and the American Museum of Natural History for the making of this recording.
+
+22
+00:01:25.017 --> 00:01:28.032
+Recorded at AMNH, October 2008. Karen Taber, Producer
+
+23
+00:01:28.032 --> 00:01:33.015
+Podcast produced by Robert Payo National Science Digital Library
+
diff --git a/demos/videos/Mammals/mammals.mp4 b/demos/videos/Mammals/Mammals.mp4
similarity index 100%
rename from demos/videos/Mammals/mammals.mp4
rename to demos/videos/Mammals/Mammals.mp4
diff --git a/demos/videos/Mammals/mammals.webm b/demos/videos/Mammals/Mammals.webm
similarity index 100%
rename from demos/videos/Mammals/mammals.webm
rename to demos/videos/Mammals/Mammals.webm
diff --git a/demos/videos/PolarMammalAdaptations/PolarMammalAdaptations.en.vtt b/demos/videos/PolarMammalAdaptations/PolarMammalAdaptations.en.vtt
new file mode 100644
index 0000000..f11377c
--- /dev/null
+++ b/demos/videos/PolarMammalAdaptations/PolarMammalAdaptations.en.vtt
@@ -0,0 +1,202 @@
+WEBVTT
+
+1
+00:00:00.023 --> 00:00:03.090
+http://beyondpenguins.nsdl.org
+
+2
+00:00:03.090 --> 00:00:06.031
+An interview with Dr. Ross MacPhee
+
+3
+00:00:06.031 --> 00:00:08.082
+Curator and Researcher at the American Museum of Natural History
+
+4
+00:00:08.082 --> 00:00:13.074
+What adaptations do mammals have in order to survive at the poles?
+
+5
+00:00:13.074 --> 00:00:16.057
+We can think of a couple of important ways in which adaptation has
+
+6
+00:00:16.057 --> 00:00:21.054
+made it possible for mammals to live in polar regions.
+
+7
+00:00:21.054 --> 00:00:24.038
+Insulation is the big deal, this is either
+
+8
+00:00:24.038 --> 00:00:29.081
+in the form of what kind of fur or hair that the body has
+
+9
+00:00:29.081 --> 00:00:31.095
+or the amount of blubber
+
+10
+00:00:31.095 --> 00:00:35.061
+or a very efficient circulatory system, high basic metabolism
+
+11
+00:00:35.061 --> 00:00:41.019
+All of these features have in common the idea that you need to keep the animal warm
+
+12
+00:00:41.019 --> 00:00:44.086
+Marine mammals in fact have less of a problem than you might think in a way
+
+13
+00:00:44.086 --> 00:00:48.029
+because as long as the water is water, it's not frozen
+
+14
+00:00:48.029 --> 00:00:51.017
+and it's going to be at 32 degrees or above.
+
+15
+00:00:51.017 --> 00:00:57.021
+So they're able in fact to do quite well with a few inches of blubber
+
+16
+00:00:57.021 --> 00:01:02.097
+and the kind of fur patterning that is very high in its R value
+
+17
+00:01:02.097 --> 00:01:04.055
+so you don't lose a lot of heat.
+
+18
+00:01:04.055 --> 00:01:06.073
+On land it's a different deal
+
+19
+00:01:06.073 --> 00:01:09.065
+there you have extreme temperature excursions
+
+20
+00:01:09.065 --> 00:01:13.004
+and that is worry if you are any kind of mammal
+
+21
+00:01:13.004 --> 00:01:15.069
+because you're not going to be adapted to the very coldest conditions
+
+22
+00:01:15.069 --> 00:01:18.071
+and there's other kinds of adaptations that will have to come in here.
+
+23
+00:01:18.071 --> 00:01:20.094
+One of the significant ones is hibernation.
+
+24
+00:01:20.094 --> 00:01:27.021
+There's a number of arctic mammals both on the carnivore side and the non-carnivore side
+
+25
+00:01:27.021 --> 00:01:31.081
+that go in for various kinds of either true deep sleep
+
+26
+00:01:31.081 --> 00:01:35.001
+which is characteristic of hibernation or at least estivation
+
+27
+00:01:35.001 --> 00:01:37.098
+which is where they really reduce their activities.
+
+28
+00:01:37.098 --> 00:01:40.063
+Let's take a look at bears, for example.
+
+29
+00:01:40.063 --> 00:01:45.065
+Female polar bears give birth while they're hibernating.
+
+30
+00:01:45.065 --> 00:01:48.094
+They dig out a hole in the snow, a cave in the snow and
+
+31
+00:01:48.094 --> 00:01:51.042
+that's where they stay over the winter months and
+
+32
+00:01:51.042 --> 00:01:55.002
+pups are actually born while the mother is still hibernating.
+
+33
+00:01:55.002 --> 00:02:00.037
+And this permits her to provide a very warm kind of enclosure
+
+34
+00:02:00.037 --> 00:02:03.094
+for the cubs as they are developing outside of her body
+
+35
+00:02:03.094 --> 00:02:10.086
+and also reduces the need for her to part from them during the very early stages of their development.
+
+36
+00:02:10.086 --> 00:02:16.033
+For small mammals, think of rodents, it's different again.
+
+37
+00:02:16.033 --> 00:02:19.087
+Most of them actually stay active the entire winter
+
+38
+00:02:19.087 --> 00:02:23.031
+and if you go up into arctic regions just after the snow melts
+
+39
+00:02:23.031 --> 00:02:26.014
+you can see their little runways everywhere where they've been
+
+40
+00:02:26.014 --> 00:02:29.099
+actually going under the snow and feeding on grass shoots or roots
+
+41
+00:02:29.099 --> 00:02:32.036
+anything that's preserved there for them.
+
+42
+00:02:32.036 --> 00:02:34.069
+http://beyondpenguins.nsdl.org
+
+43
+00:02:34.069 --> 00:02:38.054
+For more: Go online to the January 2009 issue on mammals.
+
+44
+00:02:38.054 --> 00:02:43.040
+Special thanks to Dr. MacPhee and the American Museum of Natural History for the making of this recording.
+
+45
+00:02:43.040 --> 00:02:44.095
+Recorded at AMNH, October 2008
+
+46
+00:02:44.095 --> 00:02:46.007
+Karen Taber, Producer
+
+47
+00:02:46.007 --> 00:02:48.016
+Podcast produced by Robert Payo
+
+48
+00:02:48.016 --> 00:02:50.038
+National Science Digital Library
+
+49
+00:02:50.038 --> 00:02:51.045
+November 2008
+
+50
+00:02:51.045 --> 09:59:59.000
+Funding for this podcast was made possible by the National Science Foundation.
+
diff --git a/demos/videos/PolarMammals/PolarMammals.en.vtt b/demos/videos/PolarMammals/PolarMammals.en.vtt
new file mode 100644
index 0000000..feeab94
--- /dev/null
+++ b/demos/videos/PolarMammals/PolarMammals.en.vtt
@@ -0,0 +1,134 @@
+WEBVTT
+
+1
+00:00:00.041 --> 00:00:03.057
+http://beyondpenguins.nsdl.org
+
+2
+00:00:03.057 --> 00:00:08.083
+An interview with Dr. Ross MacPhee Curator and Researcher at the American Museum of Natural History
+
+3
+00:00:08.083 --> 00:00:13.065
+What mammals live in the polar regions?
+
+4
+00:00:13.065 --> 00:00:16.062
+So in terms of characteristically arctic mammals
+
+5
+00:00:16.062 --> 00:00:19.041
+what we can think of are first of all the large herbivores
+
+6
+00:00:19.041 --> 00:00:22.038
+these would be musk oxen, and caribou
+
+7
+00:00:22.038 --> 00:00:27.000
+some of the major carnivores including polar bear, arctic fox
+
+8
+00:00:27.000 --> 00:00:30.041
+and then a host of other mostly smaller mammals
+
+9
+00:00:30.041 --> 00:00:35.083
+arctic hare comes to mind and several of the other rodent groups
+
+10
+00:00:35.083 --> 00:00:39.010
+are also represented in the arctic.
+
+11
+00:00:39.010 --> 00:00:41.074
+We also should think about sea mammals in this regard
+
+12
+00:00:41.074 --> 00:00:45.037
+because the sea mammals in fact in arctic waters are very diverse
+
+13
+00:00:45.037 --> 00:00:50.057
+in additions to large whales, both toothed whales and baleen or filter feeding whales
+
+14
+00:00:50.057 --> 00:00:56.051
+we've got a whole host of smaller whales including porpoises and orcas
+
+15
+00:00:56.051 --> 00:00:59.050
+and then there's the seal group.
+
+16
+00:00:59.050 --> 00:01:03.090
+We've got the seals that live all the time in arctic waters
+
+17
+00:01:03.090 --> 00:01:07.038
+like walruses and sea lions and
+
+18
+00:01:07.038 --> 00:01:12.077
+also other kinds of members of the same group like ribbon seals.
+
+19
+00:01:12.077 --> 00:01:16.090
+Now these different groups of course, all have different feeding regimes.
+
+20
+00:01:16.090 --> 00:01:21.017
+So in the case of seals we think of them as basically being carnivores.
+
+21
+00:01:21.017 --> 00:01:27.083
+But for walruses for example they actually feed almost exclusively on shellfish
+
+22
+00:01:27.083 --> 00:01:32.018
+which they take into their mouths and actually suck out the contents.
+
+23
+00:01:32.018 --> 00:01:34.092
+So that's a very specialized kind of adaptive regime
+
+24
+00:01:34.092 --> 00:01:41.016
+that wouldn't be characteristic for example of a ribbon seal which simply goes after fish.
+
+25
+00:01:41.016 --> 00:01:43.050
+http://beyondpenguins.nsdl.org
+
+26
+00:01:43.050 --> 00:01:46.050
+For more: Go online to the January 2009 issue on mammals.
+
+27
+00:01:46.050 --> 00:01:49.043
+Special thanks to Dr. MacPhee and the American Museum of Natural History for the making of this recording.
+
+28
+00:01:49.043 --> 00:01:51.072
+Recorded at AMNH, October 2008
+
+29
+00:01:51.072 --> 00:01:52.085
+Karen Taber, Producer
+
+30
+00:01:52.085 --> 00:01:55.074
+Podcast produced by Robery Payo
+
+31
+00:01:55.074 --> 00:01:58.014
+National Science Digital Library November 2008
+
+32
+00:01:58.014 --> 00:02:00.066
+Funding for this podcast was made possible by the
+
+33
+00:02:00.66 --> 09:59:59.00
+National Service Foundation
+
diff --git a/demos/videos/ReorganizeFuture/ReorganizeFuture.en.vtt b/demos/videos/ReorganizeFuture/ReorganizeFuture.en.vtt
new file mode 100644
index 0000000..46db043
--- /dev/null
+++ b/demos/videos/ReorganizeFuture/ReorganizeFuture.en.vtt
@@ -0,0 +1,434 @@
+WEBVTT
+
+1
+00:00:01.77 --> 00:00:04.03
+Eeny, meeny, miny, moe,
+
+2
+00:00:04.03 --> 00:00:05.99
+Catch a tiger by the toe
+
+3
+00:00:05.99 --> 00:00:08.05
+If he hollers let him go
+
+4
+00:00:08.05 --> 00:00:10.96
+Eeny, meeny, miny moe.
+
+5
+00:00:12.70 --> 00:00:14.64
+I'm Jutta Treviranus
+
+6
+00:00:14.64 --> 00:00:16.04
+and I've come to wonder
+
+7
+00:00:16.04 --> 00:00:18.38
+whether we have a chance to reorganize our future.
+
+8
+00:00:18.38 --> 00:00:23.23
+David Kelley says that the future of design is human centred.
+
+9
+00:00:23.23 --> 00:00:25.51
+Most experts agree.
+
+10
+00:00:25.51 --> 00:00:29.02
+That leaves the question - which human?
+
+11
+00:00:29.02 --> 00:00:32.46
+An inevitable human condition is diversity.
+
+12
+00:00:32.46 --> 00:00:34.70
+There's no typical human,
+
+13
+00:00:34.70 --> 00:00:37.33
+even clones and identical twins are not the same.
+
+14
+00:00:37.33 --> 00:00:40.42
+We differ from one to the next,
+
+15
+00:00:40.42 --> 00:00:43.54
+but also from one moment to the next,
+
+16
+00:00:43.54 --> 00:00:46.84
+from one context to the next.
+
+17
+00:00:46.84 --> 00:00:49.91
+But diversity and difference become overwhelming
+
+18
+00:00:49.91 --> 00:00:52.94
+and we develop strategies to deal with this diversity.
+
+19
+00:00:52.94 --> 00:00:55.56
+We try to make things simpler,
+
+20
+00:00:55.60 --> 00:00:57.50
+less complex, less chaotic
+
+21
+00:00:57.50 --> 00:01:00.00
+Another part of the human condition is that
+
+22
+00:01:00.00 --> 00:01:03.18
+we try to find commonality and connections.
+
+23
+00:01:03.20 --> 00:01:09.53
+We form groups informal and formal with implicit and explicit criteria.
+
+24
+00:01:09.55 --> 00:01:13.97
+We organize, we create categories, we filter, we label.
+
+25
+00:01:13.97 --> 00:01:19.67
+At our most insecure and overwhelmed we divide in two, we create binaries:
+
+26
+00:01:19.67 --> 00:01:21.86
+male, female
+
+27
+00:01:21.86 --> 00:01:24.21
+disabled, normal
+
+28
+00:01:24.21 --> 00:01:27.03
+left, right
+
+29
+00:01:27.03 --> 00:01:29.57
+us, them.
+
+30
+00:01:29.57 --> 00:01:34.98
+This all results in issues of who belongs and who is excluded.
+
+31
+00:01:34.98 --> 00:01:37.53
+Membership in groups can be self assigned,
+
+32
+00:01:37.53 --> 00:01:40.46
+may be imposed, may even be policed.
+
+33
+00:01:40.46 --> 00:01:44.17
+Groups are used to assert or assign privileges and powers.
+
+34
+00:01:44.17 --> 00:01:46.92
+We use groups to judge
+
+35
+00:01:46.92 --> 00:01:49.22
+values get assigned to groups
+
+36
+00:01:49.22 --> 00:01:51.88
+often characteristics that have nothing to do with
+
+37
+00:01:51.88 --> 00:01:53.35
+the original founding properties of groups
+
+38
+00:01:53.35 --> 00:01:55.98
+are generalized to all individuals in the group.
+
+39
+00:01:55.98 --> 00:02:00.07
+Sometimes, people who are in an imposed group
+
+40
+00:02:00.07 --> 00:02:02.00
+take ownership of the group and reform
+
+41
+00:02:02.00 --> 00:02:04.42
+the classifications and values from within.
+
+42
+00:02:04.42 --> 00:02:08.44
+Occasionally, someone has the audacity
+
+43
+00:02:08.44 --> 00:02:11.00
+to break out of the category we have put her in
+
+44
+00:02:11.00 --> 00:02:16.90
+but to preserve our category, we may dismiss her as an anomaly.
+
+45
+00:02:16.90 --> 00:02:20.03
+Some groups are more fluid while others are more fixed.
+
+46
+00:02:20.03 --> 00:02:23.56
+We not only form groups, but groups of groups
+
+47
+00:02:23.56 --> 00:02:25.66
+and groups, of groups, of groups.
+
+48
+00:02:25.66 --> 00:02:29.09
+Membership in one group can grant us membership in other groups.
+
+49
+00:02:29.09 --> 00:02:33.03
+But despite all this, we are diverse,
+
+50
+00:02:33.03 --> 00:02:34.85
+we are complex,
+
+51
+00:02:34.85 --> 00:02:36.45
+we are chaotic.
+
+52
+00:02:36.45 --> 00:02:38.81
+Individually we're different
+
+53
+00:02:38.81 --> 00:02:40.44
+over time, in different contexts,
+
+54
+00:02:40.44 --> 00:02:42.35
+in different roles, in different groups.
+
+55
+00:02:42.35 --> 00:02:45.42
+We need to assert our uniqueness,
+
+56
+00:02:45.42 --> 00:02:47.86
+we need to form and refine our identity.
+
+57
+00:02:47.86 --> 00:02:50.91
+We struggle with the identity imposed on us.
+
+58
+00:02:50.91 --> 00:02:56.36
+Generally, people do not fit easily into assigned categories
+
+59
+00:02:56.36 --> 00:02:58.98
+and yet we persist in assigning them.
+
+60
+00:02:58.98 --> 00:03:02.63
+And then, something new comes along
+
+61
+00:03:02.63 --> 00:03:05.41
+and shakes up our groups, our categories and our rules,
+
+62
+00:03:05.41 --> 00:03:08.26
+and we need to adjust, rebuild and rethink.
+
+63
+00:03:08.26 --> 00:03:12.53
+Something like, networks and digital stuff.
+
+64
+00:03:12.53 --> 00:03:15.47
+This new digital and connected world
+
+65
+00:03:15.47 --> 00:03:17.87
+puts into question how we group things
+
+66
+00:03:17.87 --> 00:03:20.75
+and challenges our excuses for leaving people out.
+
+67
+00:03:20.75 --> 00:03:25.46
+The digital changes our view of time, space and distance
+
+68
+00:03:25.46 --> 00:03:31.08
+and by extension our view of design, what is possible and what things cost.
+
+69
+00:03:31.08 --> 00:03:36.04
+Digital things are plastic, mutable, malleable and adaptable.
+
+70
+00:03:36.04 --> 00:03:39.50
+Before, not everyone could fit,
+
+71
+00:03:39.50 --> 00:03:42.16
+allowing someone in meant someone else was left out.
+
+72
+00:03:42.16 --> 00:03:46.06
+In the digital, room is very stretchy.
+
+73
+00:03:46.06 --> 00:03:49.76
+Before, what we created could not fit everyone
+
+74
+00:03:49.76 --> 00:03:51.77
+so we made it fit the largest group.
+
+75
+00:03:51.77 --> 00:03:54.53
+We made it for the group called average or typical
+
+76
+00:03:54.53 --> 00:03:58.26
+this left out everyone not average or typical.
+
+77
+00:03:58.26 --> 00:04:03.39
+In the digital reality the things we make can reconfigure, adapt
+
+78
+00:04:03.39 --> 00:04:06.27
+and take a form that is best for each individual.
+
+79
+00:04:06.27 --> 00:04:11.90
+In the solid world, each copy cost almost the same as the original.
+
+80
+00:04:11.90 --> 00:04:14.35
+Consumption actually consumed.
+
+81
+00:04:14.35 --> 00:04:18.56
+In the digital world, we can copy almost without cost.
+
+82
+00:04:18.56 --> 00:04:21.00
+Consumption no longer consumes.
+
+83
+00:04:21.00 --> 00:04:24.52
+Before, it took a great deal of time and effort
+
+84
+00:04:24.52 --> 00:04:27.23
+to deliver things, especially to people far away.
+
+85
+00:04:27.23 --> 00:04:30.93
+Now it is as easy to deliver things around the world
+
+86
+00:04:30.93 --> 00:04:33.13
+as it is to deliver things next door.
+
+87
+00:04:33.13 --> 00:04:36.85
+Before, if we didn't place things in a fixed spot
+
+88
+00:04:36.85 --> 00:04:39.53
+we would have a hard time finding them again.
+
+89
+00:04:39.53 --> 00:04:43.63
+Now we can place them anywhere on the network and
+
+90
+00:04:43.63 --> 00:04:46.26
+retrieve them anywhere on the network.
+
+91
+00:04:46.26 --> 00:04:50.13
+Before, we needed to label things unambiguously and simply
+
+92
+00:04:50.13 --> 00:04:52.80
+so we could recognize them and know what to do with them.
+
+93
+00:04:52.80 --> 00:04:56.44
+Now we can see a description of each person or thing
+
+94
+00:04:56.44 --> 00:04:59.02
+that is useful and relevant to our purpose.
+
+95
+00:04:59.02 --> 00:05:03.01
+And by the way, we have learned that
+
+96
+00:05:03.01 --> 00:05:06.36
+inclusion and equality are good for all of us.
+
+97
+00:05:06.36 --> 00:05:09.35
+We are all healthier, wealthier and wiser
+
+98
+00:05:09.35 --> 00:05:12.19
+when our society is inclusive and equal.
+
+99
+00:05:12.19 --> 00:05:15.36
+We've also discovered that diverse groups
+
+100
+00:05:15.36 --> 00:05:18.93
+are more innovative and creative, and better at planning and predicting.
+
+101
+00:05:18.93 --> 00:05:23.73
+We've experimented with new organization like
+
+102
+00:05:23.73 --> 00:05:26.33
+most popular, to be ignored
+
+103
+00:05:26.33 --> 00:05:28.69
+friend, not friend.
+
+104
+00:05:28.69 --> 00:05:31.03
+But we can do better.
+
+105
+00:05:31.03 --> 00:05:33.26
+We can afford to be generous in our design,
+
+106
+00:05:33.26 --> 00:05:35.39
+we have fewer excuses to exclude.
+
+107
+00:05:35.39 --> 00:05:37.56
+We can be true to our diversity.
+
+108
+00:05:37.56 --> 00:05:43.06
+Perhaps now, we can find a way to make room for us all.
+
diff --git a/demos/videos/ReorganizeFuture/ReorganizeFuture.fr.vtt b/demos/videos/ReorganizeFuture/ReorganizeFuture.fr.vtt
new file mode 100644
index 0000000..e647de8
--- /dev/null
+++ b/demos/videos/ReorganizeFuture/ReorganizeFuture.fr.vtt
@@ -0,0 +1,434 @@
+WEBVTT
+
+1
+00:00:01.77 --> 00:00:04.03
+Eeny, meeny, miny, moe,
+
+2
+00:00:04.03 --> 00:00:05.99
+Catch un tigre par le gros orteil
+
+3
+00:00:05.99 --> 00:00:08.05
+S'il crie le laisser aller
+
+4
+00:00:08.05 --> 00:00:10.96
+Eeny, meeny, miny moe.
+
+5
+00:00:12.70 --> 00:00:14.64
+Je suis Jutta Treviranus
+
+6
+00:00:14.64 --> 00:00:16.04
+et je suis venu à me demander
+
+7
+00:00:16.04 --> 00:00:18.38
+si nous avons une chance de réorganiser notre avenir.
+
+8
+00:00:18.38 --> 00:00:23.23
+David Kelley affirme que l'avenir du design est centré humaine.
+
+9
+00:00:23.23 --> 00:00:25.51
+La plupart des experts s'accordent à dire.
+
+10
+00:00:25.51 --> 00:00:29.02
+Reste la question - ce qui de l'homme?
+
+11
+00:00:29.02 --> 00:00:32.46
+Une condition humaine est inévitable, la diversité.
+
+12
+00:00:32.46 --> 00:00:34.70
+Il n'y a aucun humain typique.
+
+13
+00:00:34.70 --> 00:00:37.33
+Même les clones et les jumeaux identiques ne sont pas les mêmes.
+
+14
+00:00:37.33 --> 00:00:40.42
+Nous différons de l'un à l'autre,
+
+15
+00:00:40.42 --> 00:00:43.54
+mais aussi d'un moment à l'autre,
+
+16
+00:00:43.54 --> 00:00:46.84
+d'un contexte à l'autre.
+
+17
+00:00:46.84 --> 00:00:49.91
+Mais la diversité et la différence devient écrasante
+
+18
+00:00:49.91 --> 00:00:52.94
+et nous développons des stratégies pour faire face à cette diversité.
+
+19
+00:00:52.94 --> 00:00:55.56
+Nous essayons de rendre les choses plus simples,
+
+20
+00:00:55.60 --> 00:00:57.50
+moins complexe, moins chaotique.
+
+21
+00:00:57.50 --> 00:01:00.00
+Une autre partie de la condition humaine est que nous
+
+22
+00:01:00.00 --> 00:01:03.18
+essayer de trouver communité et connexions.
+
+23
+00:01:03.20 --> 00:01:09.53
+Nous formons des groupes formels et informels avec des critères explicites et implicites.
+
+24
+00:01:09.55 --> 00:01:13.97
+Nous organisons, nous créons des catégories, on filtre, on étiquette.
+
+25
+00:01:13.97 --> 00:01:19.67
+A notre plus précaires et accablé nous divisons en deux, nous créons des binaires:
+
+26
+00:01:19.67 --> 00:01:21.86
+masculin, féminin
+
+27
+00:01:21.86 --> 00:01:24.21
+handicapés, normale
+
+28
+00:01:24.21 --> 00:01:27.03
+gauche, droite
+
+29
+00:01:27.03 --> 00:01:29.57
+nous, eux.
+
+30
+00:01:29.57 --> 00:01:34.98
+Cela se traduit tout dans les questions de qui appartient et qui est exclu.
+
+31
+00:01:34.98 --> 00:01:37.53
+L'adhésion à des groupes peuvent être auto assignés,
+
+32
+00:01:37.53 --> 00:01:40.46
+peut être imposée, peut-être même policée.
+
+33
+00:01:40.46 --> 00:01:44.17
+Les groupes sont utilisés pour affirmer ou d'attribuer des privilèges et des pouvoirs.
+
+34
+00:01:44.17 --> 00:01:46.92
+Nous utilisons des groupes de juger
+
+35
+00:01:46.92 --> 00:01:49.22
+valeurs sont attribuées à des groupes
+
+36
+00:01:49.22 --> 00:01:51.88
+souvent des caractéristiques qui n'ont rien à voir avec
+
+37
+00:01:51.88 --> 00:01:53.35
+les propriétés originales des groupes fondateurs du
+
+38
+00:01:53.35 --> 00:01:55.98
+sont généralisés à tous les individus dans le groupe.
+
+39
+00:01:55.98 --> 00:02:00.07
+Parfois, les gens qui sont dans un groupe imposé
+
+40
+00:02:00.07 --> 00:02:02.00
+prendre la propriété du groupe et de la réforme
+
+41
+00:02:02.00 --> 00:02:04.42
+les classifications et les valeurs de l'intérieur.
+
+42
+00:02:04.42 --> 00:02:08.44
+Parfois, quelqu'un a l'audace
+
+43
+00:02:08.44 --> 00:02:11.00
+pour sortir de la catégorie, nous avons la mettre dans
+
+44
+00:02:11.00 --> 00:02:16.90
+mais pour préserver notre catégorie, nous pouvons la renvoyer comme une anomalie.
+
+45
+00:02:16.90 --> 00:02:20.03
+Certains groupes sont plus fluides tandis que d'autres sont plus fixes.
+
+46
+00:02:20.03 --> 00:02:23.56
+Nous les groupes se forment pas seulement, mais des groupes de groupes
+
+47
+00:02:23.56 --> 00:02:25.66
+et des groupes, des groupes, des groupes.
+
+48
+00:02:25.66 --> 00:02:29.09
+L'adhésion à un groupe peut nous accorder l'adhésion à d'autres groupes.
+
+49
+00:02:29.09 --> 00:02:33.03
+Mais malgré tout cela, nous sommes diversifiés
+
+50
+00:02:33.03 --> 00:02:34.85
+nous sommes complexe
+
+51
+00:02:34.85 --> 00:02:36.45
+nous sommes chaotique.
+
+52
+00:02:36.45 --> 00:02:38.81
+Individuellement, nous sommes différents
+
+53
+00:02:38.81 --> 00:02:40.44
+au fil du temps, dans des contextes différents
+
+54
+00:02:40.44 --> 00:02:42.35
+dans des rôles différents, dans des groupes différents.
+
+55
+00:02:42.35 --> 00:02:45.42
+Nous devons affirmer notre spécificité
+
+56
+00:02:45.42 --> 00:02:47.86
+nous avons besoin de former et de perfectionner notre identité.
+
+57
+00:02:47.86 --> 00:02:50.91
+Nous luttons avec l'identité qui nous est imposé.
+
+58
+00:02:50.91 --> 00:02:56.36
+Généralement, les gens ne s'intègrent pas facilement dans les catégories assignées
+
+59
+00:02:56.36 --> 00:02:58.98
+et pourtant nous persistons à les affecter.
+
+60
+00:02:58.98 --> 00:03:02.63
+Et puis, quelque chose de nouveau arrive
+
+61
+00:03:02.63 --> 00:03:05.41
+et secoue nos groupes, nos catégories et nos règles
+
+62
+00:03:05.41 --> 00:03:08.26
+et nous avons besoin d'ajuster, de reconstruire et de repenser.
+
+63
+00:03:08.26 --> 00:03:12.53
+Quelque chose comme, réseaux et des trucs numérique.
+
+64
+00:03:12.53 --> 00:03:15.47
+Ce nouveau monde numérique et connecté
+
+65
+00:03:15.47 --> 00:03:17.87
+remet en question la façon dont nous les choses de groupe
+
+66
+00:03:17.87 --> 00:03:20.75
+et les défis nos excuses pour laisser les gens sortir.
+
+67
+00:03:20.75 --> 00:03:25.46
+Le numérique change notre vision du temps, d'espace et de distance
+
+68
+00:03:25.46 --> 00:03:31.08
+et par extension notre point de vue du design, ce qui est possible et quelles choses coût.
+
+69
+00:03:31.08 --> 00:03:36.04
+Things Digital sont en plastique, mutable, malléable et adaptable.
+
+70
+00:03:36.04 --> 00:03:39.50
+Avant, tout le monde ne pouvait en forme
+
+71
+00:03:39.50 --> 00:03:42.16
+permettre à quelqu'un de quelqu'un d'autre était destiné à l'écart.
+
+72
+00:03:42.16 --> 00:03:46.06
+. Dans le numérique, la chambre est très extensible
+
+73
+00:03:46.06 --> 00:03:49.76
+Avant, ce que nous avons créé ne pouvait pas convenir à tous
+
+74
+00:03:49.76 --> 00:03:51.77
+. Alors nous avons fait l'adapter le plus grand groupe
+
+75
+00:03:51.77 --> 00:03:54.53
+Nous l'avons fait pour le groupe appelé moyen ou typique
+
+76
+00:03:54.53 --> 00:03:58.26
+cette gauche à tous de ne pas en moyenne ou typique.
+
+77
+00:03:58.26 --> 00:04:03.39
+Dans la réalité numérique des choses que nous faisons peut reconfigurer, adapter
+
+78
+00:04:03.39 --> 00:04:06.27
+et prendre une forme qui est le mieux pour chaque individu.
+
+79
+00:04:06.27 --> 00:04:11.90
+Dans le monde solide, chaque copie coûte presque le même que l'original.
+
+80
+00:04:11.90 --> 00:04:14.35
+la consommation a réellement consommé.
+
+81
+00:04:14.35 --> 00:04:18.56
+Dans le monde numérique, nous pouvons copier presque sans coût.
+
+82
+00:04:18.56 --> 00:04:21.00
+La consommation ne consomme plus.
+
+83
+00:04:21.00 --> 00:04:24.52
+Avant, il a fallu beaucoup de temps et d'effort
+
+84
+00:04:24.52 --> 00:04:27.23
+pour livrer des choses, surtout pour les gens très loin.
+
+85
+00:04:27.23 --> 00:04:30.93
+Maintenant, il est aussi facile de livrer des choses dans le monde
+
+86
+00:04:30.93 --> 00:04:33.13
+. Comme il est de livrer des choses à côté
+
+87
+00:04:33.13 --> 00:04:36.85
+Avant, si on ne place pas les choses dans un endroit fixe
+
+88
+00:04:36.85 --> 00:04:39.53
+nous aurions du mal à les retrouver.
+
+89
+00:04:39.53 --> 00:04:43.63
+Maintenant, nous pouvons les placer n'importe où sur le réseau et
+
+90
+00:04:43.63 --> 00:04:46.26
+les récupérer n'importe où sur le réseau.
+
+91
+00:04:46.26 --> 00:04:50.13
+Avant, nous avions besoin d'étiqueter les choses clairement et simplement
+
+92
+00:04:50.13 --> 00:04:52.80
+. Afin que nous puissions les reconnaître et de savoir quoi faire avec eux
+
+93
+00:04:52.80 --> 00:04:56.44
+Maintenant nous pouvons voir une description de chaque personne ou une chose
+
+94
+00:04:56.44 --> 00:04:59.02
+ce qui est utile et pertinente à notre but.
+
+95
+00:04:59.02 --> 00:05:03.01
+Et en passant, nous avons appris que
+
+96
+00:05:03.01 --> 00:05:06.36
+l'inclusion et l'égalité sont bons pour nous tous.
+
+97
+00:05:06.36 --> 00:05:09.35
+Nous sommes tous sains, plus riches et plus sage
+
+98
+00:05:09.35 --> 00:05:12.19
+quand notre société est inclusive et égalitaire.
+
+99
+00:05:12.19 --> 00:05:15.36
+Nous avons également découvert que les divers groupes
+
+100
+00:05:15.36 --> 00:05:18.93
+sont plus innovantes et créatives, et mieux à la planification et la prévision.
+
+101
+00:05:18.93 --> 00:05:23.73
+Nous avons expérimenté avec la nouvelle organisation comme
+
+102
+00:05:23.73 --> 00:05:26.33
+le plus populaire, pour être ignoré
+
+103
+00:05:26.33 --> 00:05:28.69
+ami, pas un ami.
+
+104
+00:05:28.69 --> 00:05:31.03
+Mais nous pouvons faire mieux.
+
+105
+00:05:31.03 --> 00:05:33.26
+Nous pouvons nous permettre d'être généreux dans notre conception
+
+106
+00:05:33.26 --> 00:05:35.39
+nous avons moins d'excuses à exclure.
+
+107
+00:05:35.39 --> 00:05:37.56
+Nous pouvons être fidèles à notre diversité.
+
+108
+00:05:37.56 --> 00:05:43.06
+Peut-être maintenant, nous pouvons trouver un moyen de faire de la place pour nous tous.
+
diff --git a/html/videoPlayer_template.html b/html/videoPlayer_template.html
index d76729c..64b025a 100644
--- a/html/videoPlayer_template.html
+++ b/html/videoPlayer_template.html
@@ -20,22 +20,24 @@