2 <html lang="fr"> |
2 <html lang="fr"> |
3 <head> |
3 <head> |
4 <meta charset="UTF-8"> |
4 <meta charset="UTF-8"> |
5 <title>THE END, ETC. : MA VERSION DU FILM DE LAETITIA MASSON</title> |
5 <title>THE END, ETC. : MA VERSION DU FILM DE LAETITIA MASSON</title> |
6 |
6 |
|
7 <meta name="robots" content="noindex"> |
7 <meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON"> |
8 <meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON"> |
8 |
9 |
9 <link rel="icon" href="static/res/img/favicon.ico" /> |
10 <link rel="icon" href="static/res/img/favicon.ico" /> |
10 |
11 |
11 <!-- Site Optimization for Facebook --> |
12 <!-- Site Optimization for Facebook --> |
12 <meta property="og:title" content="The End, etc." /> |
13 <meta property="og:title" content="The End, etc." /> |
13 <meta property="og:type" content="website" /> |
14 <meta property="og:type" content="website" /> |
14 <meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" /> |
15 <meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/theend_fb.jpg" /> |
15 <meta property="og:site_name" content="The End, etc." /> |
16 <meta property="og:site_name" content="The End, etc." /> |
16 <meta property="og:description" content="The End, etc. : ma version du film de Laetitia Masson #TheEndEtc"/> |
17 <meta property="og:description" content="The End, etc. : ma version du film de Laetitia Masson #TheEndEtc"/> |
17 |
18 |
18 <!-- Mobile Specific Metas --> |
19 <!-- Mobile Specific Metas --> |
19 <meta name="viewport" content="user-scalable=no"> |
20 <meta name="viewport" content="user-scalable=no"> |
93 <img alt="Fermer" src="static/res/img/popUpClose.png"/> |
94 <img alt="Fermer" src="static/res/img/popUpClose.png"/> |
94 </a> |
95 </a> |
95 </div> |
96 </div> |
96 <div id="popUpTxtScroll"> |
97 <div id="popUpTxtScroll"> |
97 |
98 |
98 <p>À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux…<br> |
99 <p>À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux...<br> |
99 Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p> |
100 Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p> |
100 <p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br> |
101 <p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br> |
101 Fin du monde ?<br> |
102 Fin du monde ?<br> |
102 Fin d'une ère ?<br> |
103 Fin d'une ère ?<br> |
103 Fin d'un idéal ?<br> |
104 Fin d'un idéal ?<br> |
104 Début d'autre chose ?<br> |
105 Début d'autre chose ?<br> |
105 Ceci est votre expérience.</p> |
106 Ceci est votre expérience.</p> |
106 |
107 |
107 <h3>UNE EXPÉRIENCE DE CINÉMA</h3> |
108 <h3>COMPOSER VOTRE FILM</h3> |
108 <p>Trois clics, pour composer « votre » film. Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. »Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes. Vous pouvez recommencer à l’infini. Autant de propositions que de spectateurs...</p> |
109 <p>Une expérience de cinéma qui débute par trois clics.<br> |
|
110 Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. » Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes.<br> |
|
111 Vous pouvez recommencer à l’infini.<br> |
|
112 Autant de propositions que de spectateurs...</p> |
|
113 |
|
114 <h3>THE END, ETC.</h3> |
|
115 <p>Dans cet espace, découvrez la fiction dans son intégralité, les portraits documentaires et accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p> |
|
116 |
109 <h3>PROLONGER L’EXPÉRIENCE</h3> |
117 <h3>PROLONGER L’EXPÉRIENCE</h3> |
110 <p>Dans cet espace, découvrez les versions intégrales de la fiction et des portraits documentaires. Accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p> |
118 <p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. À vous de choisir votre porte d'entrée dans ces 4h30 de séquences. À vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p> |
111 <h3>ETC.</h3> |
119 <p>Un espace transitoire vous permet de naviguer entre ces différents niveaux et de partager votre film sur les réseaux sociaux.</p> |
112 <p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. A vous de choisir votre porte d'entrée dans ces 4h30 de séquences. A vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p> |
|
113 <p>Un espace transitoire vous permet de naviguer entre ces différents niveaux.</p> |
|
114 <br> |
120 <br> |
115 <p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale. Préférez les navigateurs Safari ou Chrome.</p> |
121 <p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale.<br> |
|
122 Préférez les navigateurs Safari ou Chrome.</p> |
116 </div> |
123 </div> |
117 </div> |
124 </div> |
118 </div> |
125 </div> |
119 <div id="blanket" style="display:none;"></div> |
126 <div id="blanket" style="display:none;"></div> |
120 |
127 |
126 <script src="static/res/js/incdetectmobile.js"></script> |
133 <script src="static/res/js/incdetectmobile.js"></script> |
127 <script src="static/res/js/incplayer.js"></script> |
134 <script src="static/res/js/incplayer.js"></script> |
128 <script src="static/res/js/incchoice.js"></script> |
135 <script src="static/res/js/incchoice.js"></script> |
129 <script src="static/res/js/popup.js"></script> |
136 <script src="static/res/js/popup.js"></script> |
130 <script src="static/res/js/incresize.js"></script> |
137 <script src="static/res/js/incresize.js"></script> |
131 <script src="static/res/js/inchidebar.js"></script> |
138 <script src="static/res/js/inchidebar.js"></script> |
132 <script> |
139 <script> |
133 $(function() { |
140 $(function() { |
134 |
141 |
135 // Init the video player |
142 // Init the video player |
136 if (incPlayer.init("transition-the-end-etc.html", "video", "btnPlayPause", "btnSDHD", "current", "duration", "stateBar", "progressBar", "static/res/json/sequences.json")) { |
143 if (incPlayer.init("transition-the-end-etc.html", "video", "btnPlayPause", "btnSDHD", "current", "duration", "stateBar", "progressBar", "static/res/json/sequences.json")) { |