Copyright © 3WDOC As often when you are designing a SaaS service or an online application, a must-have is to publish documentation about the API (Application Programming Interface or API) that let the service live. This is done, well it is just a first draft but it will definitely give you the chance to see [...]

Copyright © 3WDOC It was time to put into perspective the 3WDOC’s player and its ability to provide e-commerce experience using an interactive and enriched video. This interactive video has images that appear at specific times of the video with the help of the 3WDOC’s timeline. The user can make a drag and drop of [...]

We have just introduced a very useful function, which saves time in creating with 3WDOC: the clone or duplication function. It is now possible on the current version of 3WDOC, to clone, to duplicate tracks and sequences. Cloning, Duplicate Tracks and sequences This opportunity is offered to duplicate the two essential elements of creation using [...]

In a few steps, is how to create a project from A to Z, sending media to the creation of sequences through the final stage of publication. One of the principles of creation under 3WDOC is often what we call the principle of “Russian dolls”: media are included in the tracks, the tracks are included [...]

This interface allows you to embrace in one glance all your account settings, the storage volume to the number of users through the encoding parameters. Our screenshots were made in French, but all these screens are available in two languages​​: English, Spanish. The screen My Account is divided into six inserts. This is an overview [...]

The new version of the 3WDOC Studio application is finally ready. It comes in three languages​​: French, English, Spanish with a number of improvements resulting from user feedback from our beta testers.

The style and appearance of a creation are essential in completing a project. That is why, 3WDOC has provided a powerful style editor that makes each track customizable graphically. Finally, it is a guarantee that none of the productions made with 3WDOC will be identical to another on a graphical point of view. Everything is [...]

A key element in web design and user experience designed with 3WDOC is the ability to add effects to the many media that make up your creation. These include effects of starting and stop effects that define the appearance and disappearance of an item in your timeline. In this example, we will attach an effect [...]

An essential action in creation with 3WDOC since 3WDOC is a multimedia authoring software. How in a very simple way, add photos or photo’s tracks to your creations with 3WDOC. In media grabber, when you click on the icon of camera you access to all photos available in the media manager of 3WDOC. Photos that [...]

With picture and audio, the video is an essential component in creating with 3WDOC. In a few clicks, you will understand how to add a video or a video track in a creation made with 3WDOC. In the media grabber, when you click on the camera icon, you will access to all the videos available [...]

You probably have a lot of files scattered and distributed on third party platforms. 3WDOC therefore had the opportunity to simply import these videos, the pictures and sounds from existing platforms such as Youtube, Dailymotion or SoundCloud. That’s the whole purpose of this article: how to import a media raw from a third party ? [...]

In any user scenario, it is very convenient that elements appear or disappear at the click or at the mouseover of the mouse’s user. This is the purpose of this article, we’ll see how we can control the appearance of an invisible element from another element on the mouseover, in our example, a track article [...]

Put a background audio in a creation is often the final touch that achieves the production of a web site or a web documentary. This is the purpose of this article, see how to insert an audio file as a soundtrack to an object created with 3WDOC. In this example, this is an audio file [...]

The project is the element of 3WDOC that integrates all the sequences. Each project can contain as many sequences as you like. A project is defined by parameters such as size, which has a fundamental importance for the publication. We recommend as the default size 960×540 which means 960 pixels wide and 540 pixels high. [...]

With 3WDOC, it is possible to create extensive interactive interfaces in HTML5 that will let the user interact with your screens. The purpose of this post is to understand how to attach to a media an onclick event. The desired action is that when the user clicks on the media, he is taken to a [...]

The sequence is one of the basic elements of 3WDOC. A sequence is attached to a project. Each project can contain as many sequences as you like. A sequence contains tracks, tracks that contain media. It is therefore essential to understand how to create sequences, that is the subject of this article. You are in [...]

An online publishing tool like 3WDOC should at least be able to make a link to another resource available on the Internet for instance your blog, your Facebook page or your twitter page. The wanted action is that when the user clicks on the media, he is taken to a new destination on the web. [...]

With 3WDOC, it is possible to create extensive interactive interfaces in HTML5 that will let the user interact with your screens. The purpose of this post is to understand how to attach to a media an onclick event. The wanted action is that when the user clicks on the media, he is taken to a [...]

Copyright © 3wdoc.com We’ve almost finished the programming of 3WDOC Studio new version! The V2, as we call it (V2 stands for Version 2), is the result of exchanges between 3WDOC coreteam and many of our +1.500 Beta-users.

An article and a comparative in English on the various tools which 3WDOC market for “digital storytelling” by Eva Domínguez.

A summary of the i-docs symposium 2012 in Bristol

ONE MILLIONth TOWER, the astonishing last webdoc mixing of WebGL and HTML5 of Katerina Cizek, Mike Robbins + friends

The sarcastic documentary about Burma’s absurd dictatorship designed in HTML5 with the Popcorn.js framework [...]

You can publish your sequences and WDOC easily in any HTML web page like blog (WordPress, Blogger, etc) or your website.

In this tutorial we are going to show you the Style Editor. You will have the possibility to choose between different parameters for each item. For instance, the font-family, the color, the background-image, the border-style, … You can also choose the HOVER parameters: the new style that the element will have when your mouse is [...]

This is a clear example of different styles applied to a button, an image and an article: Put the mouse over them! Button 2 Article 2Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Let’s see Articles, Buttons and Images parameters. They are represented on [...]

You can apply a style to a sequence, and then apply different styles to your tracks. For instance, here we are going to apply the style number 7 to the sequence, and then the style button 2, to the button “Home”. This tutorial shows you how to customize your sequence. 3WDOC Studio Some information about [...]

In this article we will show you how to customize the player. The player allows you to play the sequence in the browser. The Style Editor is a CSS Editor, with new parameters of CSS3. The player background It defines the general style of the player. Player Position It defines the margin around the player. [...]

You are going to apply a style to the player in your sequence. The player is the container of your sequence. It defines the position of the sequence, the background color, etc. This tutorial shows you how to customize your player in your sequence. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is [...]

You are going to apply a style to an article in your sequence, using CSS3. An Article is the track containing text in your sequence. It could be a title, a long text, a description, what you want ! This tutorial shows you how to customize your articles in your sequence, using CSS3 transitions. 3WDOC [...]

We are glad to inform you of some new features of 3WDOC Studio beta!

Here is a quick tutorial how to add a style in CSS to your title inside your sequence. You will know how to control the look and feel of your texte.

You are going to apply a style to a button in your sequence, using CSS3 transitions. Buttons allow you to navigate in your sequence : open new media, links to other sequences or hyperlinks. This tutorial shows you how to customize your buttons in your sequence, using CSS3 transitions. 3WDOC Studio Some information about the [...]

UI buttons are control buttons like STOP, PLAY, FWD, etc. You can fully customize them with the Style Editor on the following tabs. Put your mouse over them!          There are 3 states for UI buttons: by default: without any action of the user; hover: when the mouse is over; active: after clicking on [...]

For those who still ignore it? 3WDOC has release on the June 10th is beta version of the 3WDOC Studio… If you are interested in a new way of telling interactive and rich-media stories on the web IT IS FREE!

You are going to apply a style to UI buttons in your sequence. UI buttons allow you to control your sequence : play, pause, stop, rewind, forward, full-screen, lower and increase volume. This tutorial shows you how to customize your UI buttons in your sequence. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio [...]

You have registered and you really want to try to test the 3WDOC Studio. Here is a quick and easy procedure, in 4 easy steps, to get a FREE and VIP 3WDOC Studio on our servers.

After less than an hour if you have selected your FREE hosted 3WDOC Studio, you will get a mail with all the information about this account that will remind you all the necessary elements to connect you to your account.

You are going to apply a style to an image in your sequence, using CSS3 transitions. Style parameters will allow you to customize the image border, box-shadow, transition effects etc. This tutorial shows you how to customize an image in your sequence, using CSS3 transitions. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio [...]

For those you have registered and install the 3WDOC Studio on their own domain before 30-06-2011, here is a quick procedure to update your 3WDOC Studio on your registered domain. If you still want to register a domain, please read our previous tutorial. How do I register my own domain? In this tutorial, we will [...]

How to create a link on a button. In our example, we create a button that leads to the page dedicated on New-York City on the wikipedia website.

Quick tutorial on the TcLink action (time code link) that links one sequence with another one. Enter the address (http//…) or select your sequence by the sequence manager.

We are currently testing in our office the 3WDOC Studio in beta. For a test, we have produced this video interview with an enhanced experience [...]

A quick tutorial on how to add a “TcGoto” (time code goto) action that jumps on the timeline.

Here is a quick tutorial how to add text inside an article within your sequence.

Here is a quick tutorial how to add a title to your sequence. Title means a chunk of text that should be displayed inside your sequence, it can for instance a subtitle on video or an explanation available on a photo. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool [...]

Here is a quick tutorial how to add an audio to your sequence. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is to enable one or several [...]

A quick introduction to TcOverlay action (time code Overlay) that opens a media in overlay.

Here is a quick tutorial to set the display of your slideshow in fullscreen. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is to enable one or [...]

Here is a quick tutorial on how to create a full-featured slideshow with the help of the 3WDOC Studio. You can see how to create a sequence, link it to a WDOC and apply a style to it. We also show you how to add an image, apply an effect and copy a track. 3WDOC [...]

Here is a quick tutorial on how to add a media to a sequence edited in 3WDOC Editor. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is [...]

upload_video Here is a quick tutorial on how to upload a video to the 3WDOC Studio that you have previously encoded on your computer. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. [...]

If you want to give to the user some control over your creation. This article is an introduction to the principles of control buttons such as stop, play, pause etc

Thanks to your feedback we have improved our registration and istallation system of 3WDOC Studio.
A new process will guide you throughout the registration of your domain.

A true advantage of the 3WDOC Studio is that a user who has his own domain name and hosting platform, can install the complete 3WDOC Studio at his own address. Let’s say you want to install the 3WDOC Studio on your blog or on your corporate site [...]

This is it! 3WDOC Studio is released and you will soon discover that one of the main element of our tool is a sequence. In this tutorial, we show you how to create a 16:9 full screen sequence with the 3WDOC Studio. Here is a quick demonstration [...]

iTunes offers the ability to create easily some MP3 files from any kind of audio file. It is available for Mac OS X, Microsoft Windows. In our case, we are going to see the ability of iTunes to encode a WAV audio file into a mp3 audio file.

Anyone who has been trying to encode some audio files knows probably the Audacity. It is a free, open source software for recording and editing sounds. It is available for Mac OS X, Microsoft Windows, GNU/Linux, and other operating systems.

MPEG Streamclip is one of the most COMPLETE and FREE media encoder of the market. You can use it especially to encode your video in .mp4 format with H.264 codec. It works both on a Mac and on PC. Here is a quick demonstration on how to encode a video in .mp4

Anyone who has been trying to view some videos knows probably the VLC video player. In our case, we are going to use the ability of VLC to encode any kind of video file into a ogg video file. Here is a quick demonstration on how to encode a video in .ogg with the VLC

A great tool for a great browser. If you are using HTML5 and firefox as a browser, you may have heard of this Addon that enable to encode any kind of video onto .ogg format. Without any desktop app to do the conversion, Firefogg will help you in creating an ogg file.

140 years later, Raspou Team reconstruct the “Paris Commune of 1871″ with revolutionary tools!

This web documentary addresses the theme of poor housing in France. A plague that affects 3.6 million people in France.

Using social networks, which helped organize the revolution in the Arab world, in order to create [...]

WWWhatsnews.com, a spanish blog about news of the web published an article on 3WDOC.

Etienne de Fontainieu interviewed by Webdocu.fr to present 3WDOC Studio. This is an extract!

Bruno Flaven presented 3WDOC Studio with Patrick Chanezon Google [...]

Copyright© www.johann-rousselot.com A new way to breaks the barrier of the traditional media circuit.

This latest web documentary* that we have just localized and produced for the benefit of TCM France [...]

Both of these webdocs shape the future environment where this type of production can blossom on a business and technological point of view.[...]

The abundance of webdocumentaries (webdocumentaires) that come out since last few weeks leaves somehow the 3WDOC editorial team a bit dazzled and shaky. We can wonder if any kind of Flash production, with or without full-screen capability, will be now in the most consensual manner always categorized as webdoc.[...]

The anniversary of the earthquake in Haiti gives us unfortunately the opportunity see an unique event: the simultaneous release of two web documentaries that come back in their own way into this tragedy.[...]

The W3C has released a bright and shiny new logo for the HTML5 standard [...]

When, in 3WDOC, we were asked to create a mini-website in HTML5 about a photo session, in Hawaii, made by Marcel Hartmann about Robby Naish, dressed in Tommy Hilfiger [...]

Few readers of this blog, or even perhaps no one on the Internet, ignore who is Philip Brault! If you still do not know even, make a quick Google search on “Philippe Brault”, you will know that Philippe Brault is the photographer of the web documentary “Prison Valley”, co-created with journalist David Dufresne, produced by Upian and Arte.

This photographer is one of the most eclectic in his subjects with whom we had the chance to work with. There is a constant that emerges in his works, the visible empathy that Johann feels for each of its models.

Despite the pomp, ritual, decorum and sometimes the tragedy, humanity is always emerging whether the photo is taken in a mega-church in Kiev or in high-rise of modern paganism places like “la foire du trône” (the fair of the throne) in Paris or the Cannes Film Festival.

The subject is quite special and the conclusion definitive… No doubt it is a project signed Samuel Bollendorff. We have worked a lot with Samuel Bollendorff for the design [...]

3WDOC, we have just published an article telling the virtues of HTML5, we were then forced to produce some demonstrations which attest of the veracity of our claims about the potential of HTML5 as a viable competitor to Flash and alternative technology [...]