Insérer une création 3WDOC dans une page html, profiter de la fonction d’export et de partage de 3WDOC
Pouvoir exporter votre création 3WDOC comme une simple video youtube, dailymotion ou vimeo est tout à fait possible avec la nouvelle plate-forme 3WDOC. En effet, lorsque vous publiez votre projet sur notre plate-forme, en plus d’une page de publication sur notre plate-forme, vous disposez de plusieurs type d’export : iframe et export en javascript.
C’est cette fonction d’export en javascript que nous allons traiter dans cette article. Cela permet de se passer de la page de publication que nous mettons à disposition sur notre plate-forme, afin d’insérer votre création sur le site et dans la page de votre choix. Ce qui n’est pas rien !
1. Copier le code d’export
Dans la page PROJET, une fois la publication effectuée, vous disposez dans l’encart Exportation js, du code d’export nécessaire à cette publication dans une page extérieure à notre plate-forme
Voilà dans le détail, où se trouve l’encart Exportation js avec le code d’export
Le code d’export dans sa totalité…
<div id="standalone-3wml-player" class="cover" style="width: 960px; height: 540px;"></div>
<script language="javascript" type="text/javascript">
var _3WML_CONSOLE_LOGGING = 1;
var _3WML_STATIC_QUERY_URL = "http://story.3wdoc.com/";
var _3WML_SETTIMEOUT_DEFAULT = 15;
var _3WML_DYNAMIC_UID = "cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575";
var _3WML_DYNAMIC_LANG = "fr";
var _3WML_CONTROL_SYMBOLS = {"a":"cue","b":"rwd","c":"fwd","d":"stop","e":"play","f":"pause","g":"mute","h":"unmute","i":"soundminus","j":"soundplus","k":"smallscreen","l":"widescreen"};
var _3WML_DYNAMIC_OID = 3;
</script>
<script language="javascript" type="text/javascript" src="http://story.3wdoc.com/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575/3/framework/jquery-1.6.4.min.js"></script>
<script language="javascript" type="text/javascript" src="http://story.3wdoc.com/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575/3/framework/jquery-ui-1.8.18.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="http://story.3wdoc.com/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575/3/framework/lib3wmlHack-0.4.min.js"></script>
<script language="javascript" type="text/javascript" src="http://story.3wdoc.com/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575/3/framework/lib3wmlHelper-0.4.min.js"></script>
<script language="javascript" type="text/javascript" src="http://story.3wdoc.com/cb6c4c2fad07ad2d52469550411ab7460d3d46da98b7af0680e626e7dd5eb88575/3/framework/lib3wmlPlayer-0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var player = $("#standalone-3wml-player").lib3wmlPlayer();
$.playerInitSequence(player, 0, false);
});
</script> |
2. Créer une page html pour insérer le code dedans
Il ne vous reste qu’à créer une page web avec votre éditeur favori et d’insérer le code ci-dessus
Notre fait 960 pixels de largeur et 540 pixels de haut, mais nous avons souhaité que le projet se joue en plein-écran dans la page, c’est le cas.
Conclusion : Cela vous donne une grande liberté par rapport à notre plate-forme de publication, notamment de pouvoir se passer de la page de publication que nous mettons à disposition sur notre site 3WDOC pour vous.
Qu’est-ce que 3WDOC
En savoir plus sur 3WDOC
3WDOC, un outil de montage universel, dont tout le monde peut désormais se servir pour raconter des histoires interactives pour les diffuser partout sur le web, sur tout type de plate-forme mobile ou prochainement sur la TV connectée.
3WDOC est une approche révolutionnaire pour la communication digitale. Conçu pour faciliter la création de sites et de webdocs d’excellence, 3WDOC est la meilleure expérience rich-media et interactive possible, prévue pour toutes les audiences : web, mobile et télé.
Plus d’informations
- INSCRIPCION (Spanish)
http://app.3wdoc.com/account/signup/es - INSCRIPTION (French)
http://app.3wdoc.com/account/signup/fr - SIGNUP (English)
http://app.3wdoc.com/account/signup/en
