2014年8月21日星期四

Create interactive HTML5 magazines that will engage your audiences

The use of rich media in digital magazines can really bring your editions to a higher level, distinguishing your magazines among the mass publications. Imagine how fascinating your digital magazines will be with movies, YouTube videos, audio clips, dynamic links, animated text, animations, photo slideshows, advertising banner and even Google Adsense on them. Your electronic magazines will be just amazing!



And Pub HTML5 is the very digital publishing software to help you create interactive HTML5 magazines with superb reading experience. In addition to allowing you to add rich media elements to the magazine, Pub HTML5 can make your magazine more interactive by enriching these multimedia elements and animations with gorgeous interactions. That means, the media you add to the magazine is not working independently; instead, they are interactive. For example, you add a button and a video player (with Video 1) on one of the magazine page, and with the Advanced Event Editor, you can add interactions like this: mouse click on the button, the video player plays another video clip (Video 2).

Amazing enough? As a matter of fact, you can create various interactions for the embedded media: play animation, change size/color/alpha/position/angel, change video, change sound, change embedded website and so on. And Below I will show you how to add interaction to change a video with Pub HTML5.

Step 1: Login & Import PDF
After you start Pub HTML5, login with your account and then Import a PDF file.


Step 2: Add Media
In the main interface, click "Animation Editor" and in the next screen, add a button and a video file on the page.


Step 3: Add Interactions

Click on the button and on the right panel, click Action and select "Advanced Event". Click "Modify", you will see the pop-up Advanced Event box, click "Add New Event".



And in the pop-up window, select Mouse Event, and then select "Video 1" as object B, and select "Change HTML5-Video" in Action. At last, save the settings and exit to the main interface.



Step 4: Publish HTML5 Magazine
You can publish the HTML5 magazine to local or upload it online to Pub HTML5 Cloud Hosting.

没有评论:

发表评论