Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Merge branch 'master' into builtinsupporttest

  • Loading branch information...
commit 985282fcaa0ae42877ffea20dd6f9b7744b64ecc 2 parents 4e1093f + 2afc880
@michelled authored
Showing with 12,072 additions and 13,879 deletions.
  1. +117 −31 css/VideoPlayer.css
  2. +31 −0 css/ltie9.css
  3. +3 −8 demos/Mammals.css
  4. +5 −1 demos/Mammals.html
  5. +7 −4 demos/Mammals.js
  6. +21 −10 demos/VideoPlayer.html
  7. +109 −110 demos/videos/ReorganizeFuture/ReorganizeFuture.en.vtt
  8. +109 −110 demos/videos/ReorganizeFuture/ReorganizeFuture.fr.vtt
  9. +216 −216 demos/videos/ReorganizeFuture/ReorganizeFuture.transcripts.en.json
  10. +216 −216 demos/videos/ReorganizeFuture/ReorganizeFuture.transcripts.fr.json
  11. +36 −39 html/videoPlayer_template.html
  12. BIN  images/black/sliderbg_blackonwhite.jpg
  13. BIN  images/black/sliderbg_blackonyellow.jpg
  14. BIN  images/white/sliderbg_whiteonblack.jpg
  15. BIN  images/yellow/sliderbg_yellowonblack.jpg
  16. +82 −27 js/MenuButton.js
  17. +29 −14 js/ToggleButton.js
  18. +191 −151 js/VideoPlayer.js
  19. +79 −31 js/VideoPlayer_controllers.js
  20. +0 −1  js/VideoPlayer_framework.js
  21. +65 −87 js/VideoPlayer_html5Captionator.js
  22. +10 −17 js/VideoPlayer_intervalEventsConductor.js
  23. +118 −68 js/VideoPlayer_media.js
  24. +18 −8 js/VideoPlayer_transcript.js
  25. +3 −1 lib/captionator/README.txt
  26. +86 −68 lib/captionator/js/captionator.js
  27. +288 −0 lib/html5shiv/js/html5shiv.js
  28. +5,257 −9,782 lib/infusion/MyInfusion.js
  29. +35 −3 lib/infusion/README.txt
  30. +1 −0  lib/infusion/components/tableOfContents/html/TableOfContents.html
  31. +8 −2 lib/infusion/components/uiOptions/css/fss/fss-text-uio.css
  32. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-bw-uio.css
  33. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-by-uio.css
  34. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-coal-uio.css
  35. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-mist-uio.css
  36. +4 −4 lib/infusion/components/uiOptions/css/fss/fss-theme-rust-uio.css
  37. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-slate-uio.css
  38. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-wb-uio.css
  39. +6 −6 lib/infusion/components/uiOptions/css/fss/fss-theme-yb-uio.css
  40. +1 −1  lib/infusion/components/uiOptions/html/FatPanelUIOptions.html
  41. +6 −0 lib/infusion/framework/fss/css/fss-text.css
  42. BIN  lib/mediaelement/js/flashmediaelement.swf
  43. +1,544 −0 lib/mediaelement/js/mediaelement.js
  44. +59 −0 lib/mediaelement/js/mediaelement.min.js
  45. +33 −0 tests/all-tests.html
  46. +1 −1  tests/html/MenuButton-test.html
  47. +4 −4 tests/html/TestCaption.en.json
  48. +2 −431 tests/html/TestCaptions.en.vtt
  49. +2 −431 tests/html/TestCaptions.fr.vtt
  50. +216 −216 tests/html/TestTranscripts.en.json
  51. +216 −216 tests/html/TestTranscripts.fr.json
  52. +1 −1  tests/html/ToggleButton-test.html
  53. +1 −1  tests/html/VideoFramework-test.html
  54. +3 −2 tests/html/VideoPlayer-test.html
  55. +48 −0 tests/html/VideoPlayerAria-test.html
  56. +2 −1  tests/html/VideoPlayerControls-test.html
  57. +4 −28 tests/html/VideoPlayerHTML5Captionator-test.html
  58. +4 −3 tests/html/{VideoPlayer-IntegrationTest.html → VideoPlayerIntegration-test.html}
  59. +1 −1  tests/html/VideoPlayerIntervalEventsConductor-test.html
  60. +1 −1  ...ntervalEventsConductor-integrationTest.html → VideoPlayerIntervalEventsConductorIntegration-test.html}
  61. +1 −2  tests/html/VideoPlayerTranscript-test.html
  62. +66 −0 tests/html/VideoPlayerTranscriptIntegration-test.html
  63. +5 −5 tests/js/IntervalEventsConductor-IntegrationTests.js
  64. +44 −13 tests/js/MenuButtonTests.js
  65. +112 −6 tests/js/TestUtils.js
  66. +49 −7 tests/js/ToggleButtonTests.js
  67. +2 −2 tests/js/VideoFrameworkTests.js
  68. +144 −0 tests/js/VideoPlayerAriaTests.js
  69. +135 −121 tests/js/VideoPlayerControlsTests.js
  70. +200 −247 tests/js/VideoPlayerHTML5CaptionatorTests.js
  71. +23 −83 tests/js/VideoPlayerIntegrationTests.js
  72. +6 −6 tests/js/VideoPlayerIntervalEventsConductorTests.js
  73. +177 −102 tests/js/VideoPlayerTests.js
  74. +106 −0 tests/js/VideoPlayerTranscriptIntegrationTests.js
  75. +33 −8 tests/js/VideoPlayerTranscriptTests.js
  76. +4 −3 tests/lib/jqUnit/js/jqUnit.js
  77. +2 −1  tests/lib/qunit/VERSION
  78. +12 −0 tests/lib/qunit/addons/composite/README.md
  79. +33 −0 tests/lib/qunit/addons/composite/index.html
  80. +13 −0 tests/lib/qunit/addons/composite/qunit-composite.css
  81. +102 −0 tests/lib/qunit/addons/composite/qunit-composite.js
  82. +65 −27 tests/lib/qunit/css/qunit.css
  83. +1,403 −857 tests/lib/qunit/js/qunit.js
View
148 css/VideoPlayer.css
@@ -1,5 +1,6 @@
.fl-videoPlayer {
font-family: sans-serif;
+ height: 22.5em;
}
/*
@@ -9,6 +10,7 @@
.fl-videoPlayer-main {
position: relative;
display: inline-block;
+ height: inherit;
}
/*
@@ -17,14 +19,16 @@
.fl-videoPlayer-video {
float: left;
+ height: inherit;
}
.fl-videoPlayer-video-element {
top: 0;
left: 0;
- width: 100%;
- height: 100%;
+ height: inherit;
+ width: 29.75em;
}
+
.fl-videoPlayer-video-element:focus,
.fl-videoPlayer-transcript-element-selected {
outline: solid 3px #3195C7;
@@ -41,6 +45,7 @@
.fl-videoPlayer-tooltip {
position : absolute;
padding : 3px 5px;
+ z-index : 1000; /* Tooltips should be always shown above any other videoPlayer html element */
}
.fl-theme-uio-yb .fl-videoPlayer-tooltip,
.fl-theme-uio-by .fl-videoPlayer-tooltip,
@@ -50,19 +55,25 @@
.fl-videoPlayer-controller {
width:100%;
position: relative;
+ pointer-events: all;
+ background-color: rgba(242, 242, 242, 0.75);
+ height: 2.05em;
+ box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.15);
+ padding-bottom: 1px; /* For Safari and Chrome. Without padding, button overlaps container border */
}
/***********
* Buttons *
***********/
-
+
.fl-videoPlayer-button {
- width: 30px;
- height: 30px;
+ width: 2em;
+ height: 2em;
border: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
+ font-size: 1em;
}
.fl-videoPlayer-button:focus {
background-color: #3195C7;
@@ -72,40 +83,41 @@
.fl-theme-uio-by .fl-videoPlayer-button:focus,
.fl-theme-uio-bw .fl-videoPlayer-button:focus { background-color: #000000 !important; }
-.fl-videoPlayer-controller-buttons .fl-videoPlayer-button,
-.fl-videoPlayer-controller-buttons .fl-videoPlayer-button:hover {
+.fl-videoPlayer-controller .fl-videoPlayer-button,
+.fl-videoPlayer-controller .fl-videoPlayer-button:hover {
background-size: cover;
}
-.fl-videoPlayer-controller-buttons .fl-videoPlayer-button:hover {
+.fl-videoPlayer-controller .fl-videoPlayer-button:hover {
background-color: rgba(153, 153, 153, 0.45);
box-shadow: inset 0 0 0.25em rgba(0, 0, 0, 0.30);
}
-.fl-videoPlayer-controller-buttons {
- background-color: rgba(242, 242, 242, 0.75);
- width: 100%;
- height: 2.05em;
- box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.15);
+.fl-theme-uio-by .fl-videoPlayer-controller,
+.fl-theme-uio-bw .fl-videoPlayer-controller { box-shadow: none !important; }
+
+.fl-videoPlayer-controller * {
+ display: inline-block;
}
-.fl-videoPlayer-controller-buttons * {
+.fl-videoPlayer-optional {
+ display: none;
+}
+.fl-videoPlayer-fullscreen.fl-videoPlayer-optional,
+.fl-videoPlayer-fullscreen-on.fl-videoPlayer-optional {
display: inline;
}
.fl-videoPlayer-controller-buttons-main,
.fl-videoPlayer-controller-buttons-secondary {
- height: 100%;
- position: absolute;
- bottom: 0;
+ height: inherit;
}
.fl-videoPlayer-controller-buttons-main {
- left: 0;
+ float: left;
}
.fl-videoPlayer-controller-buttons-secondary {
- right: 0;
+ float: right;
}
-
a.fl-videoPlayer-button-wrapper {
text-decoration: none;
}
@@ -247,19 +259,19 @@ a.fl-videoPlayer-button-wrapper {
.fl-videoPlayer-volumeContainer {
position: relative;
- top: 2px;
}
.fl-videoPlayer-volumeControl {
display: none;
z-index: 1000;
- border-width: 5px 11px;
+ border-width: 5px 0.55em;
border-style: solid;
border-color: #c2c2c2;
position: absolute;
- bottom: 19px; /* 20px is right on FF */
- right: 1px; /* 5px is right on FF */
- width: 25%;
+ bottom: 1.8em;
+ left: 0;
+ height: 6em;
+ background: none;
background-color: #F2F2F2;
}
.fl-videoPlayer-volumeContainer:focus .fl-videoPlayer-volumeControl {
@@ -312,7 +324,7 @@ a.fl-videoPlayer-button-wrapper {
}
.fl-videoPlayer-volumeControl .ui-slider-handle {
height: 10%;
- left: -8px;
+ margin-bottom: 0;
}
.fl-videoPlayer-volumeContainer:hover .fl-videoPlayer-volumeControl,
@@ -320,6 +332,69 @@ a.fl-videoPlayer-button-wrapper {
display: inline;
}
+/* Volume slider theming */
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl {
+ box-shadow: inset 0 0 0 2px #000000;
+ outline: 1px solid #000000;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl {
+ background-image: url('../images/yellow/sliderbg_yellowonblack.jpg') !important;
+}
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl {
+ background-image: url('../images/white/sliderbg_whiteonblack.jpg') !important;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-image: none !important;
+ border: 2px solid #000000 !important;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-color: #FFFF00 !important;
+}
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-color: #FFFFFF !important;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-range-min,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background-image: none !important;
+ background-color: #000000 !important;
+}
+
+.fl-theme-uio-by .fl-videoPlayer-volumeControl {
+ box-shadow: inset 0 0 0 2px #FFFF00;
+ outline: 1px solid #FFFF00;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl {
+ box-shadow: inset 0 0 0 2px #FFFFFF;
+ outline: 1px solid #FFFFFF;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl {
+ background-image: url('../images/black/sliderbg_blackonyellow.jpg') !important;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl {
+ background-image: url('../images/black/sliderbg_blackonwhite.jpg') !important;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-image: none !important;
+ background-color: #000000 !important;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-handle {
+ border: 2px solid #FFFF00 !important;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-handle {
+ border: 2px solid #FFFFFF !important;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background-image: none !important;
+ background-color: #FFFF00 !important;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background-image: none !important;
+ background-color: #FFFFFF !important;
+}
+
/**********************************
* Captions and Transcripts Menus *
@@ -403,7 +478,6 @@ ul.fl-videoPlayer-transcripts-languageList li {
top: 1px;
position: absolute;
width: 100%;
- pointer-events:none;
}
/* progress bar */
@@ -430,8 +504,8 @@ ul.fl-videoPlayer-transcripts-languageList li {
height: 100%;
width: 100%;
background-color: #F2F2F2;
- opacity: 0.3;
- filter: alpha(opacity=30);
+ opacity: 0.7;
+ filter: alpha(opacity=70);
}
/************
@@ -454,6 +528,7 @@ ul.fl-videoPlayer-transcripts-languageList li {
.fl-videoPlayer-scrubber {
width: 100%;
+ z-index: 999;
}
.fl-videoPlayer-scrubber.ui-slider-horizontal {
height: 1em;
@@ -535,7 +610,8 @@ ul.fl-videoPlayer-transcripts-languageList li {
.fl-videoPlayer-overlay {
bottom: 0em;
position: absolute;
- width: 100%;
+ width: 29.75em;
+ pointer-events: none;
}
.fl-theme-uio-yb .fl-videoPlayer-overlay, .fl-theme-uio-yb .fl-videoPlayer-captionArea, .fl-theme-uio-yb .captionator-cue-canvas,
.fl-theme-uio-wb .fl-videoPlayer-overlay, .fl-theme-uio-wb .fl-videoPlayer-captionArea, .fl-theme-uio-wb .captionator-cue-canvas,
@@ -605,6 +681,7 @@ ul.fl-videoPlayer-transcripts-languageList li {
background-image: url('../images/default/transcriptclose.png');
background-repeat: no-repeat;
background-position: center center;
+ width: auto;
}
.fl-videoPlayer-transcripts-close-button:hover {
background-image: url('../images/default/transcriptclose_hover.png');
@@ -636,8 +713,13 @@ ul.fl-videoPlayer-transcripts-languageList li {
pointer-events:none;
color: #FFFFFF;
position: relative !important;
+ font-size: inherit !important;
+ line-height: inherit !important;
}
+.captionator-cue {
+ line-height: inherit !important;
+}
/********************
* UIO theme styling
@@ -663,7 +745,11 @@ ul.fl-videoPlayer-transcripts-languageList li {
.fl-theme-uio-bw .fl-videoPlayer-scrubber,
.fl-theme-uio-wb .fl-videoPlayer-scrubber,
.fl-theme-uio-by .fl-videoPlayer-scrubber,
-.fl-theme-uio-yb .fl-videoPlayer-scrubber,
+.fl-theme-uio-yb .fl-videoPlayer-scrubber {
+ border-width: 1px;
+ margin: 0 -2px; /* To compensate for the additional border width, so div stays within container */
+}
+
.fl-theme-uio-bw .fl-videoPlayer-scrubber .ui-slider-handle,
.fl-theme-uio-wb .fl-videoPlayer-scrubber .ui-slider-handle,
.fl-theme-uio-by .fl-videoPlayer-scrubber .ui-slider-handle,
View
31 css/ltie9.css
@@ -0,0 +1,31 @@
+/***********
+ * Buttons *
+ ***********/
+
+.fl-videoPlayer-button {
+ background-color: transparent;
+}
+
+.fl-videoPlayer-controller-buttons .fl-videoPlayer-button:hover {
+ background-color: rgb(153, 153, 153);
+}
+
+.fl-videoPlayer-controller-buttons {
+ background-color: rgb(242, 242, 242);
+}
+
+/************
+ * Scrubber *
+ ************/
+
+.fl-videoPlayer-scrubber.ui-widget-content {
+ background: rgb(0, 0, 0);
+}
+
+.fl-videoPlayer-scrubber .ui-slider-handle {
+ background: rgb(0, 0, 0);
+}
+
+.fl-videoPlayer-buffered-progress {
+ z-index: -1;
+}
View
11 demos/Mammals.css
@@ -3,7 +3,6 @@ body {
font-family: "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;
color: #333333;
font-size: .9em;
- line-height: 1.4em;
}
nav li {
@@ -189,19 +188,15 @@ footer a {
margin-bottom: 1em;
text-align: center;
max-width: 100%;
+ height: 31.25em;
}
-.fl-videoPlayer-captionArea {
- background-color: #000000;
- color: #FFFFFF;
-}
.fl-videoPlayer-main {
border: 2px solid #808080;
background-color: #808080;
}
-.fl-videoPlayer-video {
- width: 500px;
- height: 500px;
+.fl-videoPlayer-video-element, .fl-videoPlayer-overlay {
+ width: 31.25em;
}
View
6 demos/Mammals.html
@@ -16,6 +16,9 @@
<link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/FatPanelUIOptions.css" />
<link rel="stylesheet" type="text/css" href="../css/UIOptions-media.css" />
<link rel="stylesheet" type="text/css" href="../css/VideoPlayer.css" />
+ <!--[if lt IE 9]>
+ <link type="text/css" href="../css/ltie9.css" rel="stylesheet" />
+ <![endif]-->
<link rel="stylesheet" type="text/css" href="Mammals.css" />
<!-- Fluid and jQuery Dependencies -->
@@ -23,8 +26,9 @@
<!-- Utils -->
<script type="text/javascript" src="../lib/jquery-ui/js/jquery.ui.button.js"></script>
<script type="text/javascript" src="../lib/captionator/js/captionator.js"></script>
+ <script type="text/javascript" src="../lib/mediaelement/js/mediaelement.js"></script>
<!--[if lt IE 9]>
- <script type="text/javascript" src="../js/HTML5-backcompat.js"></script>
+ <script type="text/javascript" src="../lib/html5shiv/js/html5shiv.js"></script>
<![endif]-->
<!-- VideoPlayer dependencies -->
<script type="text/javascript" src="../js/VideoPlayer_framework.js"></script>
View
11 demos/Mammals.js
@@ -49,6 +49,7 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
var earlyVideoPlayerInstances = [ {
container: ".mammals-video",
options: {
+ videoTitle: "Mammals",
video: {
sources: [
{
@@ -61,7 +62,7 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
},
{
src: "http://www.youtube.com/v/0jw74pfWfxA",
- type: "youtube"
+ type: "video/youtube"
}
],
captions: [
@@ -97,6 +98,7 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
}, {
container: ".polar-mammals-video",
options: {
+ videoTitle: "Polar Mammals",
video: {
sources: [
{
@@ -109,7 +111,7 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
},
{
src: "http://www.youtube.com/v/h_oHNP50FGM",
- type: "youtube"
+ type: "video/youtube"
}
],
captions: [
@@ -147,19 +149,20 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
var lateVideoPlayerInstances = [{
container: ".polar-adapt-video",
options: {
+ videoTitle: "Polar Mammal Adaptation",
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"
+ type: "video/youtube"
}
],
captions: [
View
31 demos/VideoPlayer.html
@@ -15,14 +15,18 @@
<link type="text/css" href="../lib/jquery-ui/css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />
<link type="text/css" href="../css/VideoPlayer.css" rel="stylesheet" />
<link type="text/css" href="../lib/captionator/css/captions.css" rel="stylesheet" />
+ <!--[if lt IE 9]>
+ <link type="text/css" href="../css/ltie9.css" rel="stylesheet" />
+ <![endif]-->
<!-- Fluid and jQuery Dependencies -->
<script type="text/javascript" src="../lib/infusion/MyInfusion.js"></script>
<!-- Utils -->
<script type="text/javascript" src="../lib/jquery-ui/js/jquery.ui.button.js"></script>
<script type="text/javascript" src="../lib/captionator/js/captionator.js"></script>
+ <script type="text/javascript" src="../lib/mediaelement/js/mediaelement.js"></script>
<!--[if lt IE 9]>
- <script type="text/javascript" src="../js/HTML5-backcompat.js"></script>
+ <script type="text/javascript" src="../lib/html5shiv/js/html5shiv.js"></script>
<![endif]-->
<!-- VideoPlayer dependencies -->
<script type="text/javascript" src="../js/VideoPlayer_framework.js"></script>
@@ -55,16 +59,22 @@
<h1>Infusion HTML 5 Video Player</h1>
<div class="videoPlayer fl-videoPlayer">
-
</div>
<script>
- var uiOptions = fluid.uiOptions.fatPanel(".flc-uiOptions", {
+ var uiOptions = fluid.uiOptions.fatPanel.withMediaPanel(".flc-uiOptions", {
prefix: "../lib/infusion/components/uiOptions/html/",
components: {
relay: {
type: "fluid.videoPlayer.relay"
}
+ },
+ templateLoader: {
+ options: {
+ templates: {
+ mediaControls: "../html/UIOptionsTemplate-media.html"
+ }
+ }
}
});
@@ -80,8 +90,8 @@
type: "video/webm"
},
{
- src: "http://www.youtube.com/v/_VxQEPw1x9E&hl=en&fs=1",
- type: "youtube"
+ src: "http://www.youtube.com/v/_VxQEPw1x9E",
+ type: "video/youtube"
}
],
captions: [
@@ -102,11 +112,11 @@
{
// TO TEST the transcript processing of Universal Subtitles files for transcripts,
// substititute the following two lines
- // src: "http://www.universalsubtitles.org/api/1.0/subtitles/?video_url=http://www.youtube.com/watch?v=_VxQEPw1x9E&language=en",
- // type: "jsonp/vtt",
+ src: "http://www.youtube.com/watch?v=_VxQEPw1x9E&language=en",
+ type: "text/amarajson",
- src: "videos/ReorganizeFuture/ReorganizeFuture.transcripts.en.json",
- type: "JSONcc",
+ //src: "videos/ReorganizeFuture/ReorganizeFuture.transcripts.en.json",
+ //type: "JSONcc",
srclang: "en",
label: "English"
},
@@ -117,7 +127,8 @@
label: "French"
}
]
- }
+ },
+ videoTitle: "A chance to reorganize our future?"
}};
fluid.videoPlayer.makeEnhancedInstances(videoOptions, uiOptions.relay);
</script>
View
219 demos/videos/ReorganizeFuture/ReorganizeFuture.en.vtt
@@ -1,434 +1,433 @@
WEBVTT
1
-00:00:01.77 --> 00:00:04.03
+00:00:01.777 --> 00:00:04.033
Eeny, meeny, miny, moe,
2
-00:00:04.03 --> 00:00:05.99
+00:00:04.033 --> 00:00:05.992
Catch a tiger by the toe
3
-00:00:05.99 --> 00:00:08.05
+00:00:05.992 --> 00:00:08.056
If he hollers let him go
4
-00:00:08.05 --> 00:00:10.96
+00:00:08.056 --> 00:00:10.962
Eeny, meeny, miny moe.
5
-00:00:12.70 --> 00:00:14.64
+00:00:12.710 --> 00:00:14.644
I'm Jutta Treviranus
6
-00:00:14.64 --> 00:00:16.04
+00:00:14.644 --> 00:00:16.041
and I've come to wonder
7
-00:00:16.04 --> 00:00:18.38
+00:00:16.041 --> 00:00:18.387
whether we have a chance to reorganize our future.
8
-00:00:18.38 --> 00:00:23.23
+00:00:18.387 --> 00:00:23.231
David Kelley says that the future of design is human centred.
9
-00:00:23.23 --> 00:00:25.51
+00:00:23.231 --> 00:00:25.513
Most experts agree.
10
-00:00:25.51 --> 00:00:29.02
+00:00:25.513 --> 00:00:29.029
That leaves the question - which human?
11
-00:00:29.02 --> 00:00:32.46
+00:00:29.029 --> 00:00:32.464
An inevitable human condition is diversity.
12
-00:00:32.46 --> 00:00:34.70
+00:00:32.464 --> 00:00:34.706
There's no typical human,
13
-00:00:34.70 --> 00:00:37.33
+00:00:34.706 --> 00:00:37.331
even clones and identical twins are not the same.
14
-00:00:37.33 --> 00:00:40.42
+00:00:37.331 --> 00:00:40.421
We differ from one to the next,
15
-00:00:40.42 --> 00:00:43.54
+00:00:40.421 --> 00:00:43.546
but also from one moment to the next,
16
-00:00:43.54 --> 00:00:46.84
+00:00:43.546 --> 00:00:46.842
from one context to the next.
17
-00:00:46.84 --> 00:00:49.91
+00:00:46.842 --> 00:00:49.912
But diversity and difference become overwhelming
18
-00:00:49.91 --> 00:00:52.94
+00:00:49.912 --> 00:00:52.948
and we develop strategies to deal with this diversity.
19
-00:00:52.94 --> 00:00:55.56
+00:00:52.948 --> 00:00:55.569
We try to make things simpler,
20
-00:00:55.60 --> 00:00:57.50
+00:00:55.600 --> 00:00:57.500
less complex, less chaotic
21
-00:00:57.50 --> 00:01:00.00
+00:00:57.500 --> 00:01:00.864
Another part of the human condition is that
22
-00:01:00.00 --> 00:01:03.18
+00:01:00.864 --> 00:01:03.185
we try to find commonality and connections.
23
-00:01:03.20 --> 00:01:09.53
+00:01:03.200 --> 00:01:09.538
We form groups informal and formal with implicit and explicit criteria.
24
-00:01:09.55 --> 00:01:13.97
+00:01:09.554 --> 00:01:13.979
We organize, we create categories, we filter, we label.
25
-00:01:13.97 --> 00:01:19.67
+00:01:13.979 --> 00:01:19.679
At our most insecure and overwhelmed we divide in two, we create binaries:
26
-00:01:19.67 --> 00:01:21.86
+00:01:19.679 --> 00:01:21.867
male, female
27
-00:01:21.86 --> 00:01:24.21
+00:01:21.867 --> 00:01:24.215
disabled, normal
28
-00:01:24.21 --> 00:01:27.03
+00:01:24.215 --> 00:01:27.031
left, right
29
-00:01:27.03 --> 00:01:29.57
+00:01:27.031 --> 00:01:29.579
us, them.
30
-00:01:29.57 --> 00:01:34.98
+00:01:29.579 --> 00:01:34.982
This all results in issues of who belongs and who is excluded.
31
-00:01:34.98 --> 00:01:37.53
+00:01:34.982 --> 00:01:37.536
Membership in groups can be self assigned,
32
-00:01:37.53 --> 00:01:40.46
+00:01:37.536 --> 00:01:40.467
may be imposed, may even be policed.
33
-00:01:40.46 --> 00:01:44.17
+00:01:40.467 --> 00:01:44.179
Groups are used to assert or assign privileges and powers.
34
-00:01:44.17 --> 00:01:46.92
+00:01:44.179 --> 00:01:46.929
We use groups to judge
35
-00:01:46.92 --> 00:01:49.22
+00:01:46.929 --> 00:01:49.225
values get assigned to groups
36
-00:01:49.22 --> 00:01:51.88
+00:01:49.225 --> 00:01:51.887
often characteristics that have nothing to do with
37
-00:01:51.88 --> 00:01:53.35
+00:01:51.887 --> 00:01:53.356
the original founding properties of groups
38
-00:01:53.35 --> 00:01:55.98
+00:01:53.356 --> 00:01:55.982
are generalized to all individuals in the group.
39
-00:01:55.98 --> 00:02:00.07
+00:01:55.982 --> 00:02:00.071
Sometimes, people who are in an imposed group
40
-00:02:00.07 --> 00:02:02.00
+00:02:00.071 --> 00:02:02.831
take ownership of the group and reform
41
-00:02:02.00 --> 00:02:04.42
+00:02:02.831 --> 00:02:04.423
the classifications and values from within.
42
-00:02:04.42 --> 00:02:08.44
+00:02:04.423 --> 00:02:08.446
Occasionally, someone has the audacity
43
-00:02:08.44 --> 00:02:11.00
+00:02:08.446 --> 00:02:11.746
to break out of the category we have put her in
44
-00:02:11.00 --> 00:02:16.90
+00:02:11.746 --> 00:02:16.910
but to preserve our category, we may dismiss her as an anomaly.
45
-00:02:16.90 --> 00:02:20.03
+00:02:16.910 --> 00:02:20.031
Some groups are more fluid while others are more fixed.
46
-00:02:20.03 --> 00:02:23.56
+00:02:20.031 --> 00:02:23.561
We not only form groups, but groups of groups
47
-00:02:23.56 --> 00:02:25.66
+00:02:23.561 --> 00:02:25.662
and groups, of groups, of groups.
48
-00:02:25.66 --> 00:02:29.09
+00:02:25.662 --> 00:02:29.100
Membership in one group can grant us membership in other groups.
49
-00:02:29.09 --> 00:02:33.03
+00:02:29.100 --> 00:02:33.036
But despite all this, we are diverse,
50
-00:02:33.03 --> 00:02:34.85
+00:02:33.036 --> 00:02:34.859
we are complex,
51
-00:02:34.85 --> 00:02:36.45
+00:02:34.859 --> 00:02:36.452
we are chaotic.
52
-00:02:36.45 --> 00:02:38.81
+00:02:36.452 --> 00:02:38.818
Individually we're different
53
-00:02:38.81 --> 00:02:40.44
+00:02:38.818 --> 00:02:40.441
over time, in different contexts,
54
-00:02:40.44 --> 00:02:42.35
+00:02:40.441 --> 00:02:42.356
in different roles, in different groups.
55
-00:02:42.35 --> 00:02:45.42
+00:02:42.356 --> 00:02:45.429
We need to assert our uniqueness,
56
-00:02:45.42 --> 00:02:47.86
+00:02:45.429 --> 00:02:47.864
we need to form and refine our identity.
57
-00:02:47.86 --> 00:02:50.91
+00:02:47.864 --> 00:02:50.914
We struggle with the identity imposed on us.
58
-00:02:50.91 --> 00:02:56.36
+00:02:50.914 --> 00:02:56.367
Generally, people do not fit easily into assigned categories
59
-00:02:56.36 --> 00:02:58.98
+00:02:56.367 --> 00:02:58.982
and yet we persist in assigning them.
60
-00:02:58.98 --> 00:03:02.63
+00:02:58.982 --> 00:03:02.631
And then, something new comes along
61
-00:03:02.63 --> 00:03:05.41
+00:03:02.631 --> 00:03:05.415
and shakes up our groups, our categories and our rules,
62
-00:03:05.41 --> 00:03:08.26
+00:03:05.415 --> 00:03:08.266
and we need to adjust, rebuild and rethink.
63
-00:03:08.26 --> 00:03:12.53
+00:03:08.266 --> 00:03:12.533
Something like, networks and digital stuff.
64
-00:03:12.53 --> 00:03:15.47
+00:03:12.533 --> 00:03:15.471
This new digital and connected world
65
-00:03:15.47 --> 00:03:17.87
+00:03:15.471 --> 00:03:17.875
puts into question how we group things
66
-00:03:17.87 --> 00:03:20.75
+00:03:17.875 --> 00:03:20.759
and challenges our excuses for leaving people out.
67
-00:03:20.75 --> 00:03:25.46
+00:03:20.759 --> 00:03:25.469
The digital changes our view of time, space and distance
68
-00:03:25.46 --> 00:03:31.08
+00:03:25.469 --> 00:03:31.085
and by extension our view of design, what is possible and what things cost.
69
-00:03:31.08 --> 00:03:36.04
+00:03:31.085 --> 00:03:36.048
Digital things are plastic, mutable, malleable and adaptable.
70
-00:03:36.04 --> 00:03:39.50
+00:03:36.048 --> 00:03:39.500
Before, not everyone could fit,
71
-00:03:39.50 --> 00:03:42.16
+00:03:39.500 --> 00:03:42.167
allowing someone in meant someone else was left out.
72
-00:03:42.16 --> 00:03:46.06
+00:03:42.167 --> 00:03:46.067
In the digital, room is very stretchy.
73
-00:03:46.06 --> 00:03:49.76
+00:03:46.067 --> 00:03:49.767
Before, what we created could not fit everyone
74
-00:03:49.76 --> 00:03:51.77
+00:03:49.767 --> 00:03:51.777
so we made it fit the largest group.
75
-00:03:51.77 --> 00:03:54.53
+00:03:51.777 --> 00:03:54.533
We made it for the group called average or typical
76
-00:03:54.53 --> 00:03:58.26
+00:03:54.533 --> 00:03:58.267
this left out everyone not average or typical.
77
-00:03:58.26 --> 00:04:03.39
+00:03:58.267 --> 00:04:03.399
In the digital reality the things we make can reconfigure, adapt
78
-00:04:03.39 --> 00:04:06.27
+00:04:03.399 --> 00:04:06.274
and take a form that is best for each individual.
79
-00:04:06.27 --> 00:04:11.90
+00:04:06.274 --> 00:04:11.900
In the solid world, each copy cost almost the same as the original.
80
-00:04:11.90 --> 00:04:14.35
+00:04:11.900 --> 00:04:14.351
Consumption actually consumed.
81
-00:04:14.35 --> 00:04:18.56
+00:04:14.351 --> 00:04:18.567
In the digital world, we can copy almost without cost.
82
-00:04:18.56 --> 00:04:21.00
+00:04:18.567 --> 00:04:21.000
Consumption no longer consumes.
83
-00:04:21.00 --> 00:04:24.52
+00:04:21.000 --> 00:04:24.522
Before, it took a great deal of time and effort
84
-00:04:24.52 --> 00:04:27.23
+00:04:24.522 --> 00:04:27.233
to deliver things, especially to people far away.
85
-00:04:27.23 --> 00:04:30.93
+00:04:27.233 --> 00:04:30.933
Now it is as easy to deliver things around the world
86
-00:04:30.93 --> 00:04:33.13
+00:04:30.933 --> 00:04:33.133
as it is to deliver things next door.
87
-00:04:33.13 --> 00:04:36.85
+00:04:33.133 --> 00:04:36.852
Before, if we didn't place things in a fixed spot
88
-00:04:36.85 --> 00:04:39.53
+00:04:36.852 --> 00:04:39.533
we would have a hard time finding them again.
89
-00:04:39.53 --> 00:04:43.63
+00:04:39.533 --> 00:04:43.633
Now we can place them anywhere on the network and
90
-00:04:43.63 --> 00:04:46.26
+00:04:43.633 --> 00:04:46.267
retrieve them anywhere on the network.
91
-00:04:46.26 --> 00:04:50.13
+00:04:46.267 --> 00:04:50.133
Before, we needed to label things unambiguously and simply
92
-00:04:50.13 --> 00:04:52.80
+00:04:50.133 --> 00:04:52.800
so we could recognize them and know what to do with them.
93
-00:04:52.80 --> 00:04:56.44
+00:04:52.800 --> 00:04:56.449
Now we can see a description of each person or thing
94
-00:04:56.44 --> 00:04:59.02
+00:04:56.449 --> 00:04:59.027
that is useful and relevant to our purpose.
95
-00:04:59.02 --> 00:05:03.01
+00:04:59.027 --> 00:05:03.020
And by the way, we have learned that
96
-00:05:03.01 --> 00:05:06.36
+00:05:03.020 --> 00:05:06.367
inclusion and equality are good for all of us.
97
-00:05:06.36 --> 00:05:09.35
+00:05:06.367 --> 00:05:09.359
We are all healthier, wealthier and wiser
98
-00:05:09.35 --> 00:05:12.19
+00:05:09.359 --> 00:05:12.200
when our society is inclusive and equal.
99
-00:05:12.19 --> 00:05:15.36
+00:05:12.200 --> 00:05:15.367
We've also discovered that diverse groups
100
-00:05:15.36 --> 00:05:18.93
+00:05:15.367 --> 00:05:18.936
are more innovative and creative, and better at planning and predicting.
101
-00:05:18.93 --> 00:05:23.73
+00:05:18.936 --> 00:05:23.733
We've experimented with new organization like
102
-00:05:23.73 --> 00:05:26.33
+00:05:23.733 --> 00:05:26.333
most popular, to be ignored
103
-00:05:26.33 --> 00:05:28.69
+00:05:26.333 --> 00:05:28.700
friend, not friend.
104
-00:05:28.69 --> 00:05:31.03
+00:05:28.700 --> 00:05:31.033
But we can do better.
105
-00:05:31.03 --> 00:05:33.26
+00:05:31.033 --> 00:05:33.267
We can afford to be generous in our design,
106
-00:05:33.26 --> 00:05:35.39
+00:05:33.267 --> 00:05:35.400
we have fewer excuses to exclude.
107
-00:05:35.39 --> 00:05:37.56
+00:05:35.400 --> 00:05:37.567
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.
-
+00:05:37.567 --> 00:05:43.067
+Perhaps now, we can find a way to make room for us all.
View
219 demos/videos/ReorganizeFuture/ReorganizeFuture.fr.vtt
@@ -1,434 +1,433 @@
WEBVTT
1
-00:00:01.77 --> 00:00:04.03
+00:00:01.777 --> 00:00:04.033
Eeny, meeny, miny, moe,
2
-00:00:04.03 --> 00:00:05.99
+00:00:04.033 --> 00:00:05.992
Catch un tigre par le gros orteil
3
-00:00:05.99 --> 00:00:08.05
+00:00:05.992 --> 00:00:08.056
S'il crie le laisser aller
4
-00:00:08.05 --> 00:00:10.96
+00:00:08.056 --> 00:00:10.962
Eeny, meeny, miny moe.
5
-00:00:12.70 --> 00:00:14.64
+00:00:12.710 --> 00:00:14.644
Je suis Jutta Treviranus
6
-00:00:14.64 --> 00:00:16.04
+00:00:14.644 --> 00:00:16.041
et je suis venu à me demander
7
-00:00:16.04 --> 00:00:18.38
+00:00:16.041 --> 00:00:18.387
si nous avons une chance de réorganiser notre avenir.
8
-00:00:18.38 --> 00:00:23.23
+00:00:18.387 --> 00:00:23.231
David Kelley affirme que l'avenir du design est centré humaine.
9
-00:00:23.23 --> 00:00:25.51
+00:00:23.231 --> 00:00:25.513
La plupart des experts s'accordent à dire.
10
-00:00:25.51 --> 00:00:29.02
+00:00:25.513 --> 00:00:29.029
Reste la question - ce qui de l'homme?
11
-00:00:29.02 --> 00:00:32.46
+00:00:29.029 --> 00:00:32.464
Une condition humaine est inévitable, la diversité.
12
-00:00:32.46 --> 00:00:34.70
+00:00:32.464 --> 00:00:34.706
Il n'y a aucun humain typique.
13
-00:00:34.70 --> 00:00:37.33
+00:00:34.706 --> 00:00:37.331
Même les clones et les jumeaux identiques ne sont pas les mêmes.
14
-00:00:37.33 --> 00:00:40.42
+00:00:37.331 --> 00:00:40.421
Nous différons de l'un à l'autre,
15
-00:00:40.42 --> 00:00:43.54
+00:00:40.421 --> 00:00:43.546
mais aussi d'un moment à l'autre,
16
-00:00:43.54 --> 00:00:46.84
+00:00:43.546 --> 00:00:46.842
d'un contexte à l'autre.
17
-00:00:46.84 --> 00:00:49.91
+00:00:46.842 --> 00:00:49.912
Mais la diversité et la différence devient écrasante
18
-00:00:49.91 --> 00:00:52.94
+00:00:49.912 --> 00:00:52.948
et nous développons des stratégies pour faire face à cette diversité.
19
-00:00:52.94 --> 00:00:55.56
+00:00:52.948 --> 00:00:55.569
Nous essayons de rendre les choses plus simples,
20
-00:00:55.60 --> 00:00:57.50
+00:00:55.600 --> 00:00:57.500
moins complexe, moins chaotique.
21
-00:00:57.50 --> 00:01:00.00
+00:00:57.500 --> 00:01:00.864
Une autre partie de la condition humaine est que nous
22
-00:01:00.00 --> 00:01:03.18
+00:01:00.864 --> 00:01:03.185
essayer de trouver communité et connexions.
23
-00:01:03.20 --> 00:01:09.53
+00:01:03.200 --> 00:01:09.538
Nous formons des groupes formels et informels avec des critères explicites et implicites.
24
-00:01:09.55 --> 00:01:13.97
+00:01:09.554 --> 00:01:13.979
Nous organisons, nous créons des catégories, on filtre, on étiquette.
25
-00:01:13.97 --> 00:01:19.67
+00:01:13.979 --> 00:01:19.679
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
+00:01:19.679 --> 00:01:21.867
masculin, féminin
27
-00:01:21.86 --> 00:01:24.21
+00:01:21.867 --> 00:01:24.215
handicapés, normale
28
-00:01:24.21 --> 00:01:27.03
+00:01:24.215 --> 00:01:27.031
gauche, droite
29
-00:01:27.03 --> 00:01:29.57
+00:01:27.031 --> 00:01:29.579
nous, eux.
30
-00:01:29.57 --> 00:01:34.98
+00:01:29.579 --> 00:01:34.982
Cela se traduit tout dans les questions de qui appartient et qui est exclu.
31
-00:01:34.98 --> 00:01:37.53
+00:01:34.982 --> 00:01:37.536
L'adhésion à des groupes peuvent être auto assignés,
32
-00:01:37.53 --> 00:01:40.46
+00:01:37.536 --> 00:01:40.467
peut être imposée, peut-être même policée.
33
-00:01:40.46 --> 00:01:44.17
+00:01:40.467 --> 00:01:44.179
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
+00:01:44.179 --> 00:01:46.929
Nous utilisons des groupes de juger
35
-00:01:46.92 --> 00:01:49.22
+00:01:46.929 --> 00:01:49.225
valeurs sont attribuées à des groupes
36
-00:01:49.22 --> 00:01:51.88
+00:01:49.225 --> 00:01:51.887
souvent des caractéristiques qui n'ont rien à voir avec
37
-00:01:51.88 --> 00:01:53.35
+00:01:51.887 --> 00:01:53.356
les propriétés originales des groupes fondateurs du
38
-00:01:53.35 --> 00:01:55.98
+00:01:53.356 --> 00:01:55.982
sont généralisés à tous les individus dans le groupe.
39
-00:01:55.98 --> 00:02:00.07
+00:01:55.982 --> 00:02:00.071
Parfois, les gens qui sont dans un groupe imposé
40
-00:02:00.07 --> 00:02:02.00
+00:02:00.071 --> 00:02:02.831
prendre la propriété du groupe et de la réforme
41
-00:02:02.00 --> 00:02:04.42
+00:02:02.831 --> 00:02:04.423
les classifications et les valeurs de l'intérieur.
42
-00:02:04.42 --> 00:02:08.44
+00:02:04.423 --> 00:02:08.446
Parfois, quelqu'un a l'audace
43
-00:02:08.44 --> 00:02:11.00
+00:02:08.446 --> 00:02:11.746
pour sortir de la catégorie, nous avons la mettre dans
44
-00:02:11.00 --> 00:02:16.90
+00:02:11.746 --> 00:02:16.910
mais pour préserver notre catégorie, nous pouvons la renvoyer comme une anomalie.
45
-00:02:16.90 --> 00:02:20.03
+00:02:16.910 --> 00:02:20.031
Certains groupes sont plus fluides tandis que d'autres sont plus fixes.
46
-00:02:20.03 --> 00:02:23.56
+00:02:20.031 --> 00:02:23.561
Nous les groupes se forment pas seulement, mais des groupes de groupes
47
-00:02:23.56 --> 00:02:25.66
+00:02:23.561 --> 00:02:25.662
et des groupes, des groupes, des groupes.
48
-00:02:25.66 --> 00:02:29.09
+00:02:25.662 --> 00:02:29.100
L'adhésion à un groupe peut nous accorder l'adhésion à d'autres groupes.
49
-00:02:29.09 --> 00:02:33.03
+00:02:29.100 --> 00:02:33.036
Mais malgré tout cela, nous sommes diversifiés
50
-00:02:33.03 --> 00:02:34.85
+00:02:33.036 --> 00:02:34.859
nous sommes complexe
51
-00:02:34.85 --> 00:02:36.45
+00:02:34.859 --> 00:02:36.452
nous sommes chaotique.
52
-00:02:36.45 --> 00:02:38.81
+00:02:36.452 --> 00:02:38.818
Individuellement, nous sommes différents
53
-00:02:38.81 --> 00:02:40.44
+00:02:38.818 --> 00:02:40.441
au fil du temps, dans des contextes différents
54
-00:02:40.44 --> 00:02:42.35
+00:02:40.441 --> 00:02:42.356
dans des rôles différents, dans des groupes différents.
55
-00:02:42.35 --> 00:02:45.42
+00:02:42.356 --> 00:02:45.429
Nous devons affirmer notre spécificité
56
-00:02:45.42 --> 00:02:47.86
+00:02:45.429 --> 00:02:47.864
nous avons besoin de former et de perfectionner notre identité.
57
-00:02:47.86 --> 00:02:50.91
+00:02:47.864 --> 00:02:50.914
Nous luttons avec l'identité qui nous est imposé.
58
-00:02:50.91 --> 00:02:56.36
+00:02:50.914 --> 00:02:56.367
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
+00:02:56.367 --> 00:02:58.982
et pourtant nous persistons à les affecter.
60
-00:02:58.98 --> 00:03:02.63
+00:02:58.982 --> 00:03:02.631
Et puis, quelque chose de nouveau arrive
61
-00:03:02.63 --> 00:03:05.41
+00:03:02.631 --> 00:03:05.415
et secoue nos groupes, nos catégories et nos règles
62
-00:03:05.41 --> 00:03:08.26
+00:03:05.415 --> 00:03:08.266
et nous avons besoin d'ajuster, de reconstruire et de repenser.
63
-00:03:08.26 --> 00:03:12.53
+00:03:08.266 --> 00:03:12.533
Quelque chose comme, réseaux et des trucs numérique.
64
-00:03:12.53 --> 00:03:15.47
+00:03:12.533 --> 00:03:15.471
Ce nouveau monde numérique et connecté
65
-00:03:15.47 --> 00:03:17.87
+00:03:15.471 --> 00:03:17.875
remet en question la façon dont nous les choses de groupe
66
-00:03:17.87 --> 00:03:20.75
+00:03:17.875 --> 00:03:20.759
et les défis nos excuses pour laisser les gens sortir.
67
-00:03:20.75 --> 00:03:25.46
+00:03:20.759 --> 00:03:25.469
Le numérique change notre vision du temps, d'espace et de distance
68
-00:03:25.46 --> 00:03:31.08
+00:03:25.469 --> 00:03:31.085
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
+00:03:31.085 --> 00:03:36.048
Things Digital sont en plastique, mutable, malléable et adaptable.
70
-00:03:36.04 --> 00:03:39.50
+00:03:36.048 --> 00:03:39.500
Avant, tout le monde ne pouvait en forme
71
-00:03:39.50 --> 00:03:42.16
+00:03:39.500 --> 00:03:42.167
permettre à quelqu'un de quelqu'un d'autre était destiné à l'écart.
72
-00:03:42.16 --> 00:03:46.06
+00:03:42.167 --> 00:03:46.067
. Dans le numérique, la chambre est très extensible
73
-00:03:46.06 --> 00:03:49.76
+00:03:46.067 --> 00:03:49.767
Avant, ce que nous avons créé ne pouvait pas convenir à tous
74
-00:03:49.76 --> 00:03:51.77
+00:03:49.767 --> 00:03:51.777
. Alors nous avons fait l'adapter le plus grand groupe
75
-00:03:51.77 --> 00:03:54.53
+00:03:51.777 --> 00:03:54.533
Nous l'avons fait pour le groupe appelé moyen ou typique
76
-00:03:54.53 --> 00:03:58.26
+00:03:54.533 --> 00:03:58.267
cette gauche à tous de ne pas en moyenne ou typique.
77
-00:03:58.26 --> 00:04:03.39
+00:03:58.267 --> 00:04:03.399
Dans la réalité numérique des choses que nous faisons peut reconfigurer, adapter
78
-00:04:03.39 --> 00:04:06.27
+00:04:03.399 --> 00:04:06.274
et prendre une forme qui est le mieux pour chaque individu.
79
-00:04:06.27 --> 00:04:11.90
+00:04:06.274 --> 00:04:11.900
Dans le monde solide, chaque copie coûte presque le même que l'original.
80
-00:04:11.90 --> 00:04:14.35
+00:04:11.900 --> 00:04:14.351
la consommation a réellement consommé.
81
-00:04:14.35 --> 00:04:18.56
+00:04:14.351 --> 00:04:18.567
Dans le monde numérique, nous pouvons copier presque sans coût.
82
-00:04:18.56 --> 00:04:21.00
+00:04:18.567 --> 00:04:21.000
La consommation ne consomme plus.
83
-00:04:21.00 --> 00:04:24.52
+00:04:21.000 --> 00:04:24.522
Avant, il a fallu beaucoup de temps et d'effort
84
-00:04:24.52 --> 00:04:27.23
+00:04:24.522 --> 00:04:27.233
pour livrer des choses, surtout pour les gens très loin.
85
-00:04:27.23 --> 00:04:30.93
+00:04:27.233 --> 00:04:30.933
Maintenant, il est aussi facile de livrer des choses dans le monde
86
-00:04:30.93 --> 00:04:33.13
+00:04:30.933 --> 00:04:33.133
. Comme il est de livrer des choses à côté
87
-00:04:33.13 --> 00:04:36.85
+00:04:33.133 --> 00:04:36.852
Avant, si on ne place pas les choses dans un endroit fixe
88
-00:04:36.85 --> 00:04:39.53
+00:04:33.133 --> 00:04:36.852
nous aurions du mal à les retrouver.
89
-00:04:39.53 --> 00:04:43.63
+00:04:39.533 --> 00:04:43.633
Maintenant, nous pouvons les placer n'importe où sur le réseau et
90
-00:04:43.63 --> 00:04:46.26
+00:04:43.633 --> 00:04:46.267
les récupérer n'importe où sur le réseau.
91
-00:04:46.26 --> 00:04:50.13
+00:04:46.267 --> 00:04:50.133
Avant, nous avions besoin d'étiqueter les choses clairement et simplement
92
-00:04:50.13 --> 00:04:52.80
+00:04:50.133 --> 00:04:52.800
. Afin que nous puissions les reconnaître et de savoir quoi faire avec eux
93
-00:04:52.80 --> 00:04:56.44
+00:04:52.800 --> 00:04:56.449
Maintenant nous pouvons voir une description de chaque personne ou une chose
94
-00:04:56.44 --> 00:04:59.02
+00:04:56.449 --> 00:04:59.027
ce qui est utile et pertinente à notre but.
95
-00:04:59.02 --> 00:05:03.01
+00:04:59.027 --> 00:05:03.020
Et en passant, nous avons appris que
96
-00:05:03.01 --> 00:05:06.36
+00:05:03.020 --> 00:05:06.367
l'inclusion et l'égalité sont bons pour nous tous.
97
-00:05:06.36 --> 00:05:09.35
+00:05:06.367 --> 00:05:09.359
Nous sommes tous sains, plus riches et plus sage
98
-00:05:09.35 --> 00:05:12.19
+00:05:09.359 --> 00:05:12.200
quand notre société est inclusive et égalitaire.
99
-00:05:12.19 --> 00:05:15.36
+00:05:12.200 --> 00:05:15.367
Nous avons également découvert que les divers groupes
100
-00:05:15.36 --> 00:05:18.93
+00:05:15.367 --> 00:05:18.936
sont plus innovantes et créatives, et mieux à la planification et la prévision.
101
-00:05:18.93 --> 00:05:23.73
+00:05:18.936 --> 00:05:23.733
Nous avons expérimenté avec la nouvelle organisation comme
102
-00:05:23.73 --> 00:05:26.33
+00:05:23.733 --> 00:05:26.333
le plus populaire, pour être ignoré
103
-00:05:26.33 --> 00:05:28.69
+00:05:26.333 --> 00:05:28.700
ami, pas un ami.
104
-00:05:28.69 --> 00:05:31.03
+00:05:28.700 --> 00:05:31.033
Mais nous pouvons faire mieux.
105
-00:05:31.03 --> 00:05:33.26
+00:05:31.033 --> 00:05:33.267
Nous pouvons nous permettre d'être généreux dans notre conception
106
-00:05:33.26 --> 00:05:35.39
+00:05:33.267 --> 00:05:35.400
nous avons moins d'excuses à exclure.
107
-00:05:35.39 --> 00:05:37.56
+00:05:35.400 --> 00:05:37.567
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.
-
+00:05:37.567 --> 00:05:43.067
+Peut-être maintenant, nous pouvons trouver un moyen de faire de la place pour nous tous.
View
432 demos/videos/ReorganizeFuture/ReorganizeFuture.transcripts.en.json
@@ -1,543 +1,543 @@
{
"transcriptCollection": [
{
- "inTime": "00:00:01.77",
- "outTime": "00:00:04.03",
+ "inTime": "00:00:01.777",
+ "outTime": "00:00:04.033",
"transcript": "Eeny, meeny, miny, moe,"
},
{
- "inTime": "00:00:04.03",
- "outTime": "00:00:05.99",
+ "inTime": "00:00:04.033",
+ "outTime": "00:00:05.992",
"transcript": "Catch a tiger by the toe"
},
{
- "inTime": "00:00:05.99",
- "outTime": "00:00:08.05",
+ "inTime": "00:00:05.992",
+ "outTime": "00:00:08.056",
"transcript": "If he hollers let him go"
},
{
- "inTime": "00:00:08.05",
- "outTime": "00:00:10.96",
+ "inTime": "00:00:08.056",
+ "outTime": "00:00:10.962",
"transcript": "Eeny, meeny, miny moe."
},
{
- "inTime": "00:00:12.70",
- "outTime": "00:00:14.64",
+ "inTime": "00:00:12.710",
+ "outTime": "00:00:14.644",
"transcript": "I'm Jutta Treviranus"
},
{
- "inTime": "00:00:14.64",
- "outTime": "00:00:16.04",
+ "inTime": "00:00:14.644",
+ "outTime": "00:00:16.041",
"transcript": "and I've come to wonder"
},
{
- "inTime": "00:00:16.04",
- "outTime": "00:00:18.38",
+ "inTime": "00:00:16.041",
+ "outTime": "00:00:18.387",
"transcript": "whether we have a chance to reorganize our future."
},
{
- "inTime": "00:00:18.38",
- "outTime": "00:00:23.23",
+ "inTime": "00:00:18.387",
+ "outTime": "00:00:23.231",
"transcript": "David Kelley says that the future of design is human centred."
},
{
- "inTime": "00:00:23.23",
- "outTime": "00:00:25.51",
+ "inTime": "00:00:23.231",
+ "outTime": "00:00:25.513",
"transcript": "Most experts agree."
},
{
- "inTime": "00:00:25.51",
- "outTime": "00:00:29.02",
+ "inTime": "00:00:25.513",
+ "outTime": "00:00:29.029",
"transcript": "That leaves the question - which human?"
},
{
- "inTime": "00:00:29.02",
- "outTime": "00:00:32.46",
+ "inTime": "00:00:29.029",
+ "outTime": "00:00:32.464",
"transcript": "An inevitable human condition is diversity."
},
{
- "inTime": "00:00:32.46",
- "outTime": "00:00:34.70",
+ "inTime": "00:00:32.464",
+ "outTime": "00:00:34.706",
"transcript": "There's no typical human,"
},
{
- "inTime": "00:00:34.70",
- "outTime": "00:00:37.33",
+ "inTime": "00:00:34.706",
+ "outTime": "00:00:37.331",
"transcript": "even clones and identical twins are not the same."
},
{
- "inTime": "00:00:37.33",
- "outTime": "00:00:40.42",
+ "inTime": "00:00:37.331",
+ "outTime": "00:00:40.421",
"transcript": "We differ from one to the next,"
},
{
- "inTime": "00:00:40.42",
- "outTime": "00:00:43.54",
+ "inTime": "00:00:40.421",
+ "outTime": "00:00:43.546",
"transcript": "but also from one moment to the next,"
},
{
- "inTime": "00:00:43.54",
- "outTime": "00:00:46.84",
+ "inTime": "00:00:43.546",
+ "outTime": "00:00:46.842",
"transcript": "from one context to the next."
},
{
- "inTime": "00:00:46.84",
- "outTime": "00:00:49.91",
+ "inTime": "00:00:46.842",
+ "outTime": "00:00:49.912",
"transcript": "But diversity and difference become overwhelming"
},
{
- "inTime": "00:00:49.91",
- "outTime": "00:00:52.94",
+ "inTime": "00:00:49.912",
+ "outTime": "00:00:52.948",
"transcript": "and we develop strategies to deal with this diversity."
},
{
- "inTime": "00:00:52.94",
- "outTime": "00:00:55.56",
+ "inTime": "00:00:52.948",
+ "outTime": "00:00:55.569",
"transcript": "We try to make things simpler,"
},
{
- "inTime": "00:00:55.60",
- "outTime": "00:00:57.50",
+ "inTime": "00:00:55.600",
+ "outTime": "00:00:57.500",
"transcript": "less complex, less chaotic"
},
{
- "inTime": "00:00:57.50",
- "outTime": "00:01:00.00",
+ "inTime": "00:00:57.500",
+ "outTime": "00:01:00.864",
"transcript": "Another part of the human condition is that"
},
{
- "inTime": "00:01:00.00",
- "outTime": "00:01:03.18",
+ "inTime": "00:01:00.864",
+ "outTime": "00:01:03.185",
"transcript": "we try to find commonality and connections."
},
{
- "inTime": "00:01:03.20",
- "outTime": "00:01:09.53",
+ "inTime": "00:01:03.200",
+ "outTime": "00:01:09.538",
"transcript": "We form groups informal and formal with implicit and explicit criteria."
},
{
- "inTime": "00:01:09.55",
- "outTime": "00:01:13.97",
+ "inTime": "00:01:09.554",
+ "outTime": "00:01:13.979",
"transcript": "We organize, we create categories, we filter, we label."
},
{
- "inTime": "00:01:13.97",
- "outTime": "00:01:19.67",
+ "inTime": "00:01:13.979",
+ "outTime": "00:01:19.679",
"transcript": "At our most insecure and overwhelmed we divide in two, we create binaries:"
},
{
- "inTime": "00:01:19.67",
- "outTime": "00:01:21.86",
+ "inTime": "00:01:19.679",
+ "outTime": "00:01:21.867",
"transcript": "male, female"
},
{
- "inTime": "00:01:21.86",
- "outTime": "00:01:24.21",
+ "inTime": "00:01:21.867",
+ "outTime": "00:01:24.215",
"transcript": "disabled, normal"
},
{
- "inTime": "00:01:24.21",
- "outTime": "00:01:27.03",
+ "inTime": "00:01:24.215",
+ "outTime": "00:01:27.031",
"transcript": "left, right"
},
{
- "inTime": "00:01:27.03",
- "outTime": "00:01:29.57",
+ "inTime": "00:01:27.031",
+ "outTime": "00:01:29.579",
"transcript": "us, them."
},
{
- "inTime": "00:01:29.57",
- "outTime": "00:01:34.98",
+ "inTime": "00:01:29.579",
+ "outTime": "00:01:34.982",
"transcript": "This all results in issues of who belongs and who is excluded."
},
{
- "inTime": "00:01:34.98",
- "outTime": "00:01:37.53",
+ "inTime": "00:01:34.982",
+ "outTime": "00:01:37.536",
"transcript": "Membership in groups can be self assigned,"
},
{
- "inTime": "00:01:37.53",
- "outTime": "00:01:40.46",
+ "inTime": "00:01:37.536",
+ "outTime": "00:01:40.467",
"transcript": "may be imposed, may even be policed."
},
{
- "inTime": "00:01:40.46",
- "outTime": "00:01:44.17",
+ "inTime": "00:01:40.467",
+ "outTime": "00:01:44.179",
"transcript": "Groups are used to assert or assign privileges and powers."
},
{
- "inTime": "00:01:44.17",
- "outTime": "00:01:46.92",
+ "inTime": "00:01:44.179",
+ "outTime": "00:01:46.929",
"transcript": "We use groups to judge"
},
{
- "inTime": "00:01:46.92",
- "outTime": "00:01:49.22",
+ "inTime": "00:01:46.929",
+ "outTime": "00:01:49.225",
"transcript": "values get assigned to groups"
},
{
- "inTime": "00:01:49.22",
- "outTime": "00:01:51.88",
+ "inTime": "00:01:49.225",
+ "outTime": "00:01:51.887",
"transcript": "often characteristics that have nothing to do with"
},
{
- "inTime": "00:01:51.88",
- "outTime": "00:01:53.35",
+ "inTime": "00:01:51.887",
+ "outTime": "00:01:53.356",
"transcript": "the original founding properties of groups"
},
{
- "inTime": "00:01:53.35",
- "outTime": "00:01:55.98",
+ "inTime": "00:01:53.356",
+ "outTime": "00:01:55.982",
"transcript": "are generalized to all individuals in the group."
},
{
- "inTime": "00:01:55.98",
- "outTime": "00:02:00.07",
+ "inTime": "00:01:55.982",
+ "outTime": "00:02:00.071",
"transcript": "Sometimes, people who are in an imposed group"
},
{
- "inTime": "00:02:00.07",
- "outTime": "00:02:02.00",
+ "inTime": "00:02:00.071",
+ "outTime": "00:02:02.831",
"transcript": "take ownership of the group and reform"
},
{
- "inTime": "00:02:02.00",
- "outTime": "00:02:04.42",
+ "inTime": "00:02:02.831",
+ "outTime": "00:02:04.423",
"transcript": "the classifications and values from within."
},
{
- "inTime": "00:02:04.42",
- "outTime": "00:02:08.44",
+ "inTime": "00:02:04.423",
+ "outTime": "00:02:08.446",
"transcript": "Occasionally, someone has the audacity"
},
{
- "inTime": "00:02:08.44",
- "outTime": "00:02:11.00",
+ "inTime": "00:02:08.446",
+ "outTime": "00:02:11.746",
"transcript": "to break out of the category we have put her in"
},
{
- "inTime": "00:02:11.00",
- "outTime": "00:02:16.90",
+ "inTime": "00:02:11.746",
+ "outTime": "00:02:16.910",
"transcript": "but to preserve our category, we may dismiss her as an anomaly."
},
{
- "inTime": "00:02:16.90",
- "outTime": "00:02:20.03",
+ "inTime": "00:02:16.910",
+ "outTime": "00:02:20.031",
"transcript": "Some groups are more fluid while others are more fixed."
},
{
- "inTime": "00:02:20.03",
- "outTime": "00:02:23.56",
+ "inTime": "00:02:20.031",
+ "outTime": "00:02:23.561",
"transcript": "We not only form groups, but groups of groups"
},
{
- "inTime": "00:02:23.56",
- "outTime": "00:02:25.66",
+ "inTime": "00:02:23.561",
+ "outTime": "00:02:25.662",
"transcript": "and groups, of groups, of groups."
},
{
- "inTime": "00:02:25.66",
- "outTime": "00:02:29.09",
+ "inTime": "00:02:25.662",
+ "outTime": "00:02:29.100",
"transcript": "Membership in one group can grant us membership in other groups."
},
{
- "inTime": "00:02:29.09",
- "outTime": "00:02:33.03",
+ "inTime": "00:02:29.100",
+ "outTime": "00:02:33.036",
"transcript": "But despite all this, we are diverse,"
},
{
- "inTime": "00:02:33.03",
- "outTime": "00:02:34.85",
+ "inTime": "00:02:33.036",
+ "outTime": "00:02:34.859",
"transcript": "we are complex,"
},
{
- "inTime": "00:02:34.85",
- "outTime": "00:02:36.45",
+ "inTime": "00:02:34.859",
+ "outTime": "00:02:36.452",
"transcript": "we are chaotic."
},
{
- "inTime": "00:02:36.45",
- "outTime": "00:02:38.81",
+ "inTime": "00:02:36.452",
+ "outTime": "00:02:38.818",
"transcript": "Individually we're different"
},
{
- "inTime": "00:02:38.81",
- "outTime": "00:02:40.44",
+ "inTime": "00:02:38.818",
+ "outTime": "00:02:40.441",
"transcript": "over time, in different contexts,"
},
{
- "inTime": "00:02:40.44",
- "outTime": "00:02:42.35",
+ "inTime": "00:02:40.441",
+ "outTime": "00:02:42.356",
"transcript": "in different roles, in different groups."
},
{
- "inTime": "00:02:42.35",
- "outTime": "00:02:45.42",
+ "inTime": "00:02:42.356",
+ "outTime": "00:02:45.429",
"transcript": "We need to assert our uniqueness,"
},
{
- "inTime": "00:02:45.42",
- "outTime": "00:02:47.86",
+ "inTime": "00:02:45.429",
+ "outTime": "00:02:47.864",
"transcript": "we need to form and refine our identity."
},
{
- "inTime": "00:02:47.86",
- "outTime": "00:02:50.91",
+ "inTime": "00:02:47.864",
+ "outTime": "00:02:50.914",
"transcript": "We struggle with the identity imposed on us."
},
{
- "inTime": "00:02:50.91",
- "outTime": "00:02:56.36",
+ "inTime": "00:02:50.914",
+ "outTime": "00:02:56.367",
"transcript": "Generally, people do not fit easily into assigned categories"
},
{
- "inTime": "00:02:56.36",
- "outTime": "00:02:58.98",
+ "inTime": "00:02:56.367",
+ "outTime": "00:02:58.982",
"transcript": "and yet we persist in assigning them."
},
{
- "inTime": "00:02:58.98",
- "outTime": "00:03:02.63",
+ "inTime": "00:02:58.982",
+ "outTime": "00:03:02.631",
"transcript": "And then, something new comes along"
},
{
- "inTime": "00:03:02.63",
- "outTime": "00:03:05.41",
+ "inTime": "00:03:02.631",
+ "outTime": "00:03:05.415",
"transcript": "and shakes up our groups, our categories and our rules,"
},
{
- "inTime": "00:03:05.41",
- "outTime": "00:03:08.26",
+ "inTime": "00:03:05.415",
+ "outTime": "00:03:08.266",
"transcript": "and we need to adjust, rebuild and rethink."
},
{
- "inTime": "00:03:08.26",
- "outTime": "00:03:12.53",
+ "inTime": "00:03:08.266",
+ "outTime": "00:03:12.533",
"transcript": "Something like, networks and digital stuff."
},
{
- "inTime": "00:03:12.53",
- "outTime": "00:03:15.47",
+ "inTime": "00:03:12.533",
+ "outTime": "00:03:15.471",
"transcript": "This new digital and connected world"
},
{
- "inTime": "00:03:15.47",
- "outTime": "00:03:17.87",
+ "inTime": "00:03:15.471",
+ "outTime": "00:03:17.875",
"transcript": "puts into question how we group things"
},
{
- "inTime": "00:03:17.87",
- "outTime": "00:03:20.75",
+ "inTime": "00:03:17.875",
+ "outTime": "00:03:20.759",
"transcript": "and challenges our excuses for leaving people out."
},
{
- "inTime": "00:03:20.75",
- "outTime": "00:03:25.46",
+ "inTime": "00:03:20.759",
+ "outTime": "00:03:25.469",
"transcript": "The digital changes our view of time, space and distance"
},
{
- "inTime": "00:03:25.46",
- "outTime": "00:03:31.08",
+ "inTime": "00:03:25.469",
+ "outTime": "00:03:31.085",
"transcript": "and by extension our view of design, what is possible and what things cost."
},
{
- "inTime": "00:03:31.08",
- "outTime": "00:03:36.04",
+ "inTime": "00:03:31.085",
+ "outTime": "00:03:36.048",
"transcript": "Digital things are plastic, mutable, malleable and adaptable."
},
{
- "inTime": "00:03:36.04",
- "outTime": "00:03:39.50",
+ "inTime": "00:03:36.048",
+ "outTime": "00:03:39.500",
"transcript": "Before, not everyone could fit,"
},
{
- "inTime": "00:03:39.50",
- "outTime": "00:03:42.16",
+ "inTime": "00:03:39.500",
+ "outTime": "00:03:42.167",
"transcript": "allowing someone in meant someone else was left out."
},
{
- "inTime": "00:03:42.16",
- "outTime": "00:03:46.06",
+ "inTime": "00:03:42.167",
+ "outTime": "00:03:46.067",