Creating an interactive video to compatible HTML5.

Hello


I've seen a few sites that offer interactive video (wirewax.com flixmaster.com) where you can add hotspots\buttons which place the cursor on any object on the screen (fully verified), when you click on these may present additional information on this object\ or take you to another part of the video.

How this can be created without using the Flash? For the race for example on an iPad or a non-active flash tablets\platforms?

Any advice would be greatly appreciated

Martin

Cacophony interactive video player in HTML5 and Javascript.

http://www.cacophonyjs.com/

Nancy O.

Tags: Adobe Developers

Similar Questions

  • create an interactive button "hover over" HTML5 canvas

    Hello

    I am currently using the HTML5 canvas in flash Professional CC.

    I want to create a button that is animated that develops when you go over it and then shrinks when you switch off the coast.

    I can do this in AS3, but I can't seem to do so in the HTML5 canvas.

    I placed the button hosted in a movieclip and he stopped at the beginning of the timeline of the movieclip then added this code to try to turn it on when I go over it, but it did not work:

    this.movieClip_2.addEventListener ("mouseover, fl_mouseoverToGoToAndPlayFromFrame_3.bind (this));

    function fl_mouseoverToGoToAndPlayFromFrame_3()

    {

    this.gotoAndPlay (2);

    }

    I also tried to create a standard 'button symbol' then added the animation within each action (upper, lower). This no longer works.

    Any help would be appreciated!

    Matt

    Then you probably forgot to pass the mouse:

    stage.enableMouseOver (10);

  • Interactive video in CC Animate

    Hello

    I'm looking to create an interactive video that will run on a single computer, locally.   The video itself is composed of a series of short videos, which can be implemented through keystrokes.

    That is to say. Click on number 1 on the keyboard to find video 1 click 2 to find 2 of the videos etc... There are 5 videos in total.  Audio sync is important and the videos should run full screen without control.

    There may be a few extra flash animation superimposed bits, which can also be high with strikes.  But for the moment I focus just on how the different videos to load up.

    What is the best way to go about this?  I want she runs as an application and will only run on a mac.  Should I publish in Adobe Air?

    I've embedded a video in a clip and placed it in my calendar, when I export as a swf, the film loads, but when I publish under the name Air it does not at all.

    It is true that I have not used correctly Flash since CS4 and I looked online for solutions, but most of the questions and answers refer to the publication on the web or use multiple apps.  The thing I want to create is only for a person to use, on a single machine...

    Answers, advice or further reading would be much appreciated.

    Thank you

    1 - link the CSM library in ac3 (as link)

    2. create a new movie clip

    3 - Add the keyboard on stage event listener:

    Code:

    var vid_mc:MovieClip = new MovieClip();

    stage.addEventListener (KeyboardEvent.KEY_UP, keyUp);

    function keyUp(e:KeyboardEvent):void {}

    If (vid_mc.stage)

    {

    removeChild (vid_mc);

    }

    If (e.keyCode == 49) //1

    {

    vid_mc = new video1() / / use the binding of the first video

    }

    Else if (e.keyCode == 50) //2

    {

    vid_mc = new video2();

    vid_mc.x =

    }

    addChild (vid_mc)

    };

    Publish the project as a .dmg file > go to the commands menu > export as projector

  • Creating a non-linear interactive video

    Hello

    I would like to know if it is possible to create non-linear interactive video in adobe captivate 9?

    I would like to design a video course with multiple options of connections according to responses from users on the way.

    Thank you

    Emmanuel

    You must have different video clips and inserting question slides between the video clips which are each on a slide.

  • Captivate 9 Widgets are not Compatible HTML5 am using a sensitive project and Widgets work Firefox not IE 11

    Hello

    I have 9 Captivate and I use embedded Captivate widgets (not those using assets). I created my project as a project that is sensitive to be able to display in the form of tablets. Captivate told me the widgets are not compatible HTML5. When I publish on my LMS, I can see the widgets and to interact with the course on my laptop via Firefox, but I do not see the widgets in IE 11. Is there a way to get around this, or I must say to my people to download another browser to use my course?

    You need not create a project as a receptive simply to play on tablets or mobile devices.

    If widgets are known to be NOT HTML5 compatible, it is better to not use them at all.  IE11 usually works with the release of HTML5 in Captivate, but your widgets are probably not going to work in this case.

  • Creating an interactive map?

    Good afternoon

    I'm hoping to create an interactive map, where if you hover over a part of the photo card appears.

    Many years ago, I used to be able to design a similar thing using the Macromedia Flash software, I realize account changed to Adobe Flash, then animate CC. This sounds like something that I would be able to do now in Adobe animate CC and if so, I am easily able to save interactive as HTML5 file, so that it can be viewed on different devices?

    Any help most appreciated.

    Thank you very much

    Yes, you can use animate pro for this.

    you would animate pro and start creating an html5 project.  your interactive map could be created using any code if you use the buttons to the constituent parts of your card and add the popups for the frame.

    If you want it to work with touch devices, you probably want to use the code to toggle popups on touch or mousedown events.

  • Camtasia Studio 8.6 interactive video interactivity disabled when downloaded as module first Adobe SCORM.

    Hello!

    I used Camtasia Studio (version 8.6) to create a short video with an evaluation questionnaire. The way it works is, during the production of the video I tell the software to produce the SCORM package. I imported the SCORM in Adobe first, but interactivity is not displayed. Please see the attached video that illustrates what the interactive quiz is supposed to look like

    .

    Hi Thomas,

    We checked the issue and managed to reproduce if Camtasia is published with SCORM 2004. Can you please try with SCORM 1.2 and see if it works?

    Kind regards

    MILIN

  • How to create a website video background in Adobe Edge?

    Hello
    I have the video file on my SSD drive computer and I want to play as a backdrop on my web page (a page I created). I tried to watch this video:

    How to create a website video background in Adobe Edge animated using Edgehero - YouTube

    but I can't follow 100% what she does.

    Guide I've tried to follow is at this link: How to create A Web site video in Adobe Edge bottom animate using Edgehero - YouTube

    Steps I do in Adobe Edge animate CC

    1.) create new

    2.) I click on + sign article library > > Scripts > > add a JS of URL file...

    URL that I add is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js  (URL is taken from site: Edgehero.js )

    I add this link:http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL

    1.JPG

    3.) I go to Edgehero.js and from there i scrol down to section named as Media - video Html5 / Html5 audio
    and here I select this option:

    2.JPG

    There is a code:

      // this will set the video as background of the div/rectangle
    backgroundvideo_1 ='movie.mp4';
      // put new edgehero.js variables here

    4.) I go to Adobe Edge animate CC 2014 and right-click on the project and select Actions open to "Stage".

    3.JPG

    and then I click on + sign and select creationComplete4.JPG

    This will open the window of the scene

    Here I copy this code:
      // this will set the video as background of the div/rectangle
    backgroundvideo_1 ='movie.mp4';
      // put new edgehero.js variables here

    5.JPG

    5.) then I click on + sign under the library > > video

    6.JPG

    and I add video to my computer disk SSD.
    Video is called as video3.mp4

    Now I eddit code in the window of the scene (see above)
    code will look like after editing like this:

    7.JPG

    Can I change under the left-side px to %

    8.JPG

    9.JPG

    6.) then I copy the Code in step backgroundvideo_1:

    10.JPG


    Then I select the Rectangle tool and mark the box (white box) and I click on the little icon of C
    11.JPG

    And the box that takes place I type here backgroundvideo_1_mp4 autoplay
    now when I use ctrl and enter I get only a gray box that does not play video.
    What I am doing wrong?


    I drag and drop a video from the side straight to rectangle window and the side left, I clicked on loop playback and it started working as it should.

  • Widgets compatible HTML5 for Captivate 8

    Anyone know where I could find a list of html5 widgets that can be used with Captivate 8?

    Jay, you will be very disappointed. As far as I KNOW, in addition to the Interactions with Captivate, included only Jim Leichliter has two widgets compatible html5. Take a look on his website:

    http://captivatedev.com/2012/11/12/Adobe-Captivate-6-x-widget-Google-LMS-with-email-report ing-2.

    http://captivatedev.com/2012/08/07/Adobe-Captivate-6-x-widget-Web-page-Widget/

    Lilybiri

  • Interactive videos

    I'm interested in making videos interactive and their distribution on different platforms (download of the computer, tablets, smartphones). What software package would be better for me? Would have an interactive video created with the package works on all adobe operating systems?

    If you want a video that changes depending on user interaction, you use Flash Professional. You can use After Effects to create component movies that you assemble in Flash Professional.

  • Creating an Interactive Navigation

    I'm new to Actionscript 3.0 and I want to create an interactive menu. On the left I have hover over the button "products" I want a sub menu to come in the display (as shown in the graph below). I created all the graphics, but the problem is the tutorial that I downloaded is in AS2 AS3 not (something that I realized afterwards), then of course there are a lot of problems of translation.

    Screen-shot-2011-12-10-at-6.23.51-PM.jpg

    Here's the code I used:

    Import fl.transitions.Tween;

    Fl.transitions.easing import. *;

    var startY: Number = productsSub_mc._DisplayObject.y;

    var myTween:Tween;

    var myTween2:Tween;

    productsSub_mc.videos_btn.enabled = false;

    products_btn.addEventListener (MouseEvent.ROLL_OVER, btnOver);

    function btnOver(event:MouseEvent):void {}

    productsSub_mc.videos_btn.enabled = true;

    myTween = new Tween (productsSub_mc, "_alpha", Regular.easeOut (0,100,12,false);

    myTween2 = new Tween (productsSub_mc, "_y", Regular.easeOut(startY,startY-10,12,false);

    }

    "productsSub_mc" is the submenu I created as a clip. In this movie clip is another button called 'videos. ' I hope this is enough information to go.

    When I run the preview, I get the following error: 1084: Syntax error: expecting rightparen before semicolon.

    Can anyone help with this?

    Thank you

    use:

    var startY: Number = productsSub_mc.y;

  • How to create an interactive PDF with variable data

    We basically have a "mail merge" to our list of customers with an interactive PDF file (including videos, menus, etc. - not only form fill and web links) to create a single PDF that contains several pieces of mail... one for each customer... with each total mail being customized for this customer.  Customizations would include different greetings (Bob dear, dear Dana, etc), as well as the different graphs based on unique data to the client, photographs, etc.

    I saw that InDesign and Acrobat Professional can be used to create an interactive PDF (such as http://tv.adobe.com/watch/ask-the-adobe-ones/14-calling-rufus-about-interactive-pdf-making).  But I don't understand how I can insert data into a database, csv, excel etc. in the PDF file file so that each page, or each set of pages in the PDF file can be customized.

    Can someone tell me a tool to use for this?

    Thank you

    Bob Kendall

    I'm new on this and didn't know InDesign could do a data merge, thank you for pointing that out.

    However, we currently produce hundreds of thousands of personalized daily electronic documents, a PDF file or Web user interaction (no, this isn't spam or junk mail).  Our customers have asked us to focus on the generation of personalized interactive PDFs and I fear that the volume could overwhelm InDesign.  My other concern is that all of our work performed automatically (we run hundreds every day) and it is not possible to have a person to sit down, then run InDesign manually for each job.  Our standard operating system need a certain version of unix (AIX or linux), although we can perform tasks under windows if necessary.  It seems, as InDesign will fit in this environment?  If not, is there something else out there?

    Thank you for your time.

    -Bob

  • How can I create an interactive database report using internal functions of APEX?

    Hello

    We are currently migrating our client applications of APEX 4.2 to 5 APEX. One of these APEX applications using Excel to create a page of interactive report. This means that the user can select a view, materialized in the Excel plugin as a source and he or she can select columns. After you save the changes, a stored procedure uses wwv_flow_api.create_page (...), wwv_flow_api.create_worksheet (...), wwv_flow_api.create_worksheet_rpt (...) to create a new page in the Apex with the sql query generated. To synchronize report columns, wwv_flow_worksheet_standard.synch_report_columns has been used so far (4 Apex). Apex 5 call Wwv_flow_worksheet_standard.synch_report_columns will return "Internal error ORA - 20987 APEX".

    We can create a new page in the Apex with an interactive report, but the report columns are not created. If I edit this page in the application builder and add a dummy column to the query of source of interactive report, all columns will be created. Therefore, there is a solution to create and display columns of APEX 5 report, which must be done by synch_report_columns.

    I know that it is not recommended to use not documented, apex-internal functions and procedures, but we have currently no time to implement another solution. It would be great if we could use the built-in apex to create an interactive report from a given sql query.

    Does anyone have any experience with creating a page from base to APEX 5 apex? Or is anyone know how we can sync/update the columns of an interactive report without manually adding a dummy column?

    In which case it is important: we use a database of Oracle 12 c and our theme is not universal theme.

    Thanks for your help,

    Elizabeth

    Hi Elizabeth,.

    Take a look at apex_app_builder.create_ir_page which is used by the packed app 'Data Reporter'. This type of support and also simplifies the creation of a page of the IR from the line level API set that you used before. For details have a look at the procedure of add_report_page of the EBA_DP package which is installed by the app package.

    Concerning

    Patrick

  • To create an interactive report in the apex by selecting from multiple tables

    Hi, I am creating an interactive report by selecting from multiple tables.

    SELECT w.FIRST_NAME as name, w.SURNAME as name, i.ROAD Road, i.DATE_OF_INC as DATE_OF_INC, S.STATEMENT as a STATEMENT OF Declaration

    JOIN THE

    WITNESS w

    ON w.witness_id = s.FK1_WITNESS_ID

    JOIN THE

    Incident I have

    WE

    i.incident_no = w.FK1_INCIDENT_NO

    JOIN THE

    user_station ps

    ON ps.station_id = i.nearest_station_id

    JOIN THE

    the user in.

    WE

    in. STATION_ID = ps.station_id

    WHERE po.officer_id = 1

    by I continue to encounter this error "the report query requires a unique key to identify each row. The supplied key cannot be used for this query. Please change the report attributes to define a unique key column. "ORA-01445: cannot select ROWID from where sample, a join without key preserved table view '

    So I googled around and found that in the attibutres tables report, I need to change the "LINK" COLUMN so first, I changed "Link to custom target", but the report is so I changed it to "Exclude link Clolumn" again, the report didn't report and I STILL got a blank page with only the tabs.

    I wonder you can not create a report by selecting from multiple tables?

    If you can please I need your help.

    Thank you

    You can, but in this case, it might be easier to build your report tables that are joined Oracle views and then build your report out of the newly built sight...

    Or wrap a selection around your selection with joins, and then make the where clause on the external selection...

    Thank you

    Tony Miller
    Software LuvMuffin
    Ruckersville, WILL

  • I want to create an interactive page or file in Muse for anyone to connect and enter information, close and someone else can do the same thing, etc.  Is this possible?

    I want to create an interactive page or file in Muse for anyone to connect and enter information, close and someone else can do the same thing, etc.  Is this possible?  I want to have spaces at least 10 names to register.  These people need to log on to this page or file to use it or to see it.

    Help with the help of Adobe Muse CC

    Impossible to establish such a thing with the HTML and the CSS just as Muse creates it. You need a dynamic system like Wordpress, Joomla, or the plans Business Catalyst paid Typo 3 etc...

    Mylenium

Maybe you are looking for

  • Thumbnails went genres 12.5 ITunes

    Hi all After that I updated my iTunes to 12.5.1.21, I don't see my thumb nails genre in iTunes. Previously, there are beautiful small icons next to each kind to help navigate and general information on how many albums and songs belong to each genre.

  • Sending Quicktime files to non-mac users?

    I love BOF take quick screencasts so I can ask questions by e-mail or teach others when they have a matter of QT. But most of the others have Windows so I don't think that my .mov is visible. I always convert using Mpeg Streamclip, but it takes awhil

  • Satellite C50 - A - 1 FT - how to boot to the USB

    Hello It is terminus really like have run out of ideas, asked to every techie who know including take it to an independent computer store. I use a toshiba satelite a - 1 d 5, with 8 preinstalled windows C55. I try to get Ubuntu boot from a Toshiba G3

  • Tecra A4: Cannot set the resolution of 1280 x 800

    Hi all. I have a Tecra A4, and for the last 2 days I am trying set up the screen at native resolution of 1280 x 800, without sucssess. I try a lot of things, like updating drivers, use the restoration of the system, the value 'stretch' in the BIOS, e

  • removal of old versions of LabVIEW

    I picked up a development machine and it upgrade 8.6.1. Can I safely remove all older versions of LabVIEW? (8.2 and 8.5) These older versions seem to be send me problems with the Panel before on live older when I use the 8.6. Thank you.