Adding multimedia to your publication is as easy as adding URL, Email and Page overlays - quite literally, as the same overlay system is used to place the content on to the page.
- Upload Your Multimedia
- Stream Multimedia from YouTube/Remote Server
- Trigger Visibility of Content (Show/Hide)
First of all we must upload the multimedia to the publication so that we are able to select it when placing the overlay (you can skip this step if streaming content is being added - more on that later).
To upload your file(s), click Files in the top right menu to go to the Files section:
The Files section allows you to view any files that have been uploaded to this particular publication, including the PDF file(s).
Click on Upload File in the top right and select the file that you wish to upload to the system (As a reminder, see Optimise Your Files before you upload).
Now that the files have been optimised and uploaded, they are ready to be placed onto the page using the Overlay Editor (see Adding Overlays if you are not familiar with this tool).
Below you will see that an overlay has been created on the page by clicking the Create New Overlay tool, dragging a box around the area we wish to link, and then selecting Content from the Overlay Type drop down menu at the top:
- Delete/Duplicate allows you to remove or copy the overlay you are working with, as well as raising and lowering. This allows you to place multiple overlays without the wrong one covering or hiding.
- Source File is where you will pick the file that you have uploaded to the digital publication from the Manage Files section. The alternative is to Stream a file in, such as a YouTube video or remotely hosted content.
- Options that allows you to do such things as maintain the aspect ratio of the content, automatically play when viewed, and embed when saving the offline version.
- If the publication will appear on an iPad and you are placing a video here, select the video from these two drop down menu's (MP4 only). Alternatively you can replace the HTML video with a more optimised version.
The above sections are a brief overview and we thoroughly recommend experimenting with the various overlay types and options for each overlay to familiarise yourself with the system and get the best from your content.
To stream content, from the Source File section above (number 2) select the Streaming/URL option and simply place the URL of the content into the URL field. Note - you will need a direct line to the content and not a redirect.
Sometimes there simply is not enough space on a page for extra multimedia content or publishers prefer to keep the content hidden until triggered by the user. In this instance, we can easily use the Overlay Editor to have a button or area trigger the visibility of your multimedia onto the page.
To trigger a multimedia file via a button on the page, you must first place the button on the page as an overlay. This can be in any format under the Content overlay type, and typically a flash file or image (jpeg or PNG) is used:
Above we have used a silver play button as our trigger, and this is a file that is available to all along with a host of other default buttons. One can also see that Use content aspect ratio is ticked, along with Unload when hidden and Embed content offline - these are not essential but useful.
Next we need to place the content on the page that we wish to trigger, and for this example I am going to use a flash video, however it can be any of the multimedia options YUDU has to offer:
When the multimedia is placed on the page, in this case we put YUDU Media Website Video.flv next to our trigger, we select the play button overlay and can now see there is a new tab called Triggers in the bottom right (above).
Tick Trigger visibility of other content, then select the content you wish for the button to enable (in this instance the video file).
Underneath you can see Have a different 'toggled' state, and this is simply when the button is pressed, do you want it to show another button such as a stop symbol. In this instance, I have selected another system default which is Set-Stop.jpg.
Once you have completed the above steps, you must click Save All to save the changes and regenerate a preview link via the Publish screen.