Adding captions to video file in edge animate

Any ideas if this is possible? Thanks to heathrowe I have been able to add video to my project but I also need to add text to accompany it (think captions or subtitles). I currently have text appearing and reappearing but it is independent to the video timeline, so if a viewer skips the video the captions do not reappear. Any thoughts or workarounds would be massively helpful as i am very new to edge but eager to do some great motion design

Hi Jakey,
Have you cracked this?
I think I'm pretty close using a plugin called bubbles.js
I've got the plugin working here.
However when I attempt to install the plugin within edge by placing the following code on the stage compositionReady action it's not working. The function seems to be called, however according to the web inspector the english.srt subtitle file isn't being downloaded, any ideas?
Code:
var vid = $("<video width='640' height='360' id='video-srt' controls=''>" +
   "<source src='test.mp4' type='video/mp4' />" +
   "<source src='http://www.w3schools.com/html5/movie.ogg' type='video/ogg' />" +
   "This browser is not compatible with HTML 5" +
"</video>");
$.getScript("js/bubbles.js", function() {
                    subtitles_test = new Bubbles.video('video-srt');
                    subtitles_test.subtitles( false,
                                        'English' :          {
                                                  language          :          'English',
                                                  file                    :          'subs/english.srt'
sym.$("vcontainer").append(vid);

Similar Messages

  • How do I edit a .swf file in edge animate? How do I save it as a swf file?

    Hello, I need to edit the actionscript in a swf animation file. How do you do that with Edge animate?

    There is no such workflow for swf files.
    Edge animate only understands html, javascript. SWF files are alien to it.
    You should be using Flash Professional CC, for generating the swf files.
    hth,
    Vivekuma

  • Video texture in edge animate

    How can i use something like a video texture in Edge animate? And can i use it anyway???

    what do you mean by a video texture? You can add videos for background for example.

  • Is that you can add a video player in edge animate

    Is that you can add a video player in edge animate

    Not sure if this is what you are looking for but passing it on nevertheless
    http://layersmagazine.com/embedding-video-in-adobe-edge-animate.html
    Thanks,
    Preran

  • Trying to create HTML5 Video Playlist in Edge Animate - I can't get it to work. Please help!?!?

    Hi All,
    I am creating an interactive site through Edge Animate and am in the process of trying to create a HTML 5 Video Playlist to function within Edge Animate.
    Current Process - Example:
    I have 3 videos that need to be played on a certain page.
    I created a symbol and dragged the videos to the stage and hidden them within that symbol's timeline.
    I then use thumbnail images in a side playlist to either .remove(); .hide(); a video and .show(); the next.
    However when I do a hide / show option, the video continue to plays in the background if I don't also create an if/else statement to pause it.
    My concern with pausing it is that it will continue to load and dramatically slow down the load time of the site.
    References:
    I found this which looks very helpful but don't know how to add this to edge composition.
    http://demosthenes.info/blog/909/Create-An-Automatic-HTML5-Video-Playlist
    Please help or put me in the right direction to create a playlist would be hugely... AMAZINGLY.. helpful.
    Thanks,
    Jason

    Hi Joe,
    Thank you so much for your help on this one. It is hugely appreciated!!
    I have been working frantically to implement your solution to get this working. I used the 'change src' method.
    I have added all my code below in case anyone wants the solution in the future.
    Could you please help below as I am now totally stuck with the <track> and 'event listener issues' !!
    Issue #1:
    I am having major problems with loading the 'closed captions' track element.
    Everything I click for the video to change source / to the next video, the closed caption track adds to the video and doesn't 'unload' the previous one. You then end up with multiple different subtitle tracks on the video screen
    - The closed captions / subtitles are not showing up in Google Chrome either?
    Issue #2:
    I can't get the event listener in edge animate to work for 'playing' and 'ended'. Can you please help and point me in the correct direction??
    Screenshot (showing what happens after the 3rd video is loaded)
    This is the Code I am currently using in the "Creation Complete" of this Symbol.
    SET UP OF VIDEO PLAYER AND FIRST VIDEO
    var vid = sym.$("video_Chapter5");
    vid.html('<video id="ch5video" width="100%" height="auto" margin= "0 auto"  \
    position ="relative"  poster="video/video1_poster.jpg"  controls="controls" </video> \
    <source id ="videomp4src" src="video/Video_mp4_1.mp4" type="video/mp4" </source> \
    <source id ="videoogvsrc" src="video/Video_ogv_1.ogg" type="video/ogv" </source> \
    <source id ="videowebmsrc" src="video/Video_webm_1.ogg" type="video/webm" </source> \
    <track id ="trackvtt" kind="subtitles" src="video/Video_1_Script.vtt" srclang="en" label="English" hidden </track>');
    VARIABLE IDS
    $(document).ready(function() {
      var videoID = 'ch5video';
      var sourceID1 = 'videomp4src';
      var sourceID2 = 'videoogvsrc';
      var sourceID3 = 'videowebmsrc';
      var trackID = 'trackvtt';
      var vid1mp4 = 'video/Video_mp4_1.mp4';
      var vid2mp4 = 'video/Video_mp4_2.mp4';
      var vid3mp4 = 'video/Video_mp4_3.mp4';
      var vid4mp4 = 'video/Video_mp4_4.mp4';
      var vid1ogv = 'video/Video_ogv_1.ogv';
      var vid2ogv = 'video/Video_ogv_2.ogv';
      var vid3ogv = 'video/Video_ogv_3.ogv';
      var vid4ogv = 'video/Video_ogv_4.ogv';
      var vid1webm = 'video/Video_webm_1.webm';
      var vid2webm = 'video/Video_webm_2.webm';
      var vid3webm = 'video/Video_webm_3.webm';
      var vid4webm = 'video/Video_webm_4.webm';
      var script1vtt = 'video/Video_1_Script.vtt';
      var script2vtt = 'video/Video_2_Script.vtt'; 
      var script3srt = 'video/Video_3_Script.vtt'; 
      var script4vtt = 'video/Video_4_Script.vtt';   
      var newposter1 = 'video/video1_poster.jpg';
      var newposter2 = 'video/video2_poster.jpg';
      var newposter3 = 'video/video3_poster.jpg';
      var newposter4 = 'video/video4_poster.jpg';
    VIDEO PLAYLIST THUMBNAIL BUTTONS - TO CHANGE VIDEO IN PLAYER
      sym.$('btn1').click(function(event) {
      sym.$('#'+videoID).get(0).pause();
      sym.$('#'+sourceID1).attr('src', vid1mp4);
      sym.$('#'+sourceID2).attr('src', vid1ogv);
      sym.$('#'+sourceID3).attr('src', vid1webm);
      sym.$('#'+trackID).attr('src', script1vtt);
      sym.$('#'+videoID).get(0).load();
      sym.$('#'+videoID).attr('poster', newposter1);
      sym.$('#'+videoID).get(0).play();  
      sym.$('btn2').click(function(event) {
      sym.$('#'+videoID).get(0).pause();
      sym.$('#'+sourceID1).attr('src', vid2mp4);
      sym.$('#'+sourceID2).attr('src', vid2ogv);
      sym.$('#'+sourceID3).attr('src', vid2webm);
      sym.$('#'+trackID).attr('src', script2vtt);
      sym.$('#'+videoID).get(0).load();
      sym.$('#'+trackID).load();
      sym.$('#'+videoID).attr('poster', newposter2);
      sym.$('#'+videoID).get(0).play();  
      sym.$('btn3').click(function(event) {
      sym.$('#'+videoID).get(0).pause();
      sym.$('#'+sourceID1).attr('src', vid3mp4); 
      sym.$('#'+sourceID2).attr('src', vid3ogv); 
      sym.$('#'+sourceID3).attr('src', vid3webm);
      sym.$('#'+trackID).attr('src', script3srt);
      sym.$('#'+videoID).get(0).load();
      sym.$('#'+videoID).attr('poster', newposter3);
      sym.$('#'+videoID).get(0).play();
      sym.$('btn4').click(function(event) {
      sym.$('#'+videoID).get(0).pause();
      sym.$('#'+sourceID1).attr('src', vid4mp4);
      sym.$('#'+sourceID2).attr('src', vid4ogv);
      sym.$('#'+sourceID3).attr('src', vid4webm);
      sym.$('#'+trackID).attr('src', script4vtt);  
      sym.$('#'+videoID).get(0).load();
      sym.$('#'+videoID).attr('poster', newposter4);
      sym.$('#'+videoID).get(0).play(); 
    EVENT LISTENER FOR PLAYING - TO CREAT BACKGROUND /LIGHT BOX SCREEN
    sym.$('#'+videoID).get(0).addEventListener('playing', function () {
    sym.getSymbol("backscreen_Ch5").$("backscreen").show();
    sym.getSymbol("backscreen_Ch5").play("play");
    EVENT LISTENER FOR ENDED - TO PLAY NEXT VIDEO IN SERIES
    sym.$('#'+videoID).get(0).addEventListener('ended', function () {
    //code to play next video

  • Can we create a single exe file in edge animate

    Hi everyone,
    I am working on an animation in Adobe Edge Animate. The code written in the file is working fine on the browser. The problem that I am facing is to create an exe file (a single file) in which i can see my animation and controls created. Something like flash's projector file which comes in exe fomat. My client is looking for the output in which he wants the animation in Html5 and there could be a single file to run. There shouldn't be images folder or j-query files, just a single file. Please tell me any tool or way, so that i can get the same output in exe format.
    Please help me out in this.
    Thanks & Regards,
    Vikas Sharma

    I posted this in another thread in reply to someone else's search. But, have  you had a look at this?:
    http://www.tidesdk.org/

  • How do you make a button download pdf file in edge animate?

    Hi does anyone know the code or know how to make a download button in edge animate, that when you click the button it will fetch a pdf file from your pc root folder and offer it to download.

    Hi Wayne,
    To make a button download a PDF, you'll have to upload your PDF somewhere online and add the link to your button in Animate using the Open URL button in the actions popup.
    Here's a good tutorial which will get you started with some of the basics of Animate, including how to create buttons. The link on your button would just be the URL of your PDF.
    Cheers,
    Sarah

  • PDF files in edge animate

    Is there a way to load a PDF file into a symbol on the stage that does not require an internet connection?

    Here is a simple example using an iFrame - sample just loads a .pdf file into an element, using required parameters as per Acrobat documentation
    View: http://www.heathrowe.com/edge/embed_pdf/
    Dl: http://www.heathrowe.com/edge/embed_pdf/embed_pdf.zip
    Once downloaded open .an file in Animate and go to the Stage > CompositionReady event handler. You will see a use case to load a pdf file from your drive. In my example the source file (src) is relative to the root (Edge Animate) document. In other in the sample folder as the edge .html file.
    hth
    Darrell

  • Upload javascript files for edge animate banner to work in  Content Management System (was: how do upload...)

    how do upload the javascript files for the html edge animate banner to work in my Content Management System module. At present, the html cannot function because the reference javascript files are missing.

    I am not very sure how the CMS manage their content but basically the javascript files need to be in the same folder as the HTML file for Animate content to play.

  • Adding custom css classes from within edge animate

    is it possible to add  CSS classes from within Edge Animate, im not talking about adding your own stylesheet by ex. manually editing the .html document, but rather adding classes via ex. the code window ?, it would be immensely helpful to have everything in one place.
    any suggestions on this one ?

    Yes - you can use addclass() and you can use UI.
    1- UI
    Select elements in elements panel. Click the C button in the property panel.
    Use this for example
    sym.$('.classname').css({'color':'red'});
    2- addclaas()
    sym.$("name').addclass('classname');
    Use same as above.
    On Sat, Apr 25, 2015 at 8:56 AM mads18950258 <[email protected]>

  • Elements 9 Freezes on Adding Canon DSLR video files

    I just purchased Premiere Elements 9 to edit my Canon T2i video files.  When I try to add the video files by going to Get Media - From File, the progress bar pops up and goes away quickly like it is finished processing the addition to my organizer, but the video file never shows up.  If I go to Filter By and select the project I am working on to only show the project files, I get the Windows thinking icon and that is all the further I can get Elements to go.  After 1/2 hour or so I close elements.  When I open the project file back up, the video I tried to add earlier shows up.  I don't think I should have to kill the program and reopen it everytime I try to add a video file to the project.  What gives?  My computer is a Core i5 M430 with 4gb of ram on Windows 7 Pro 64bit.

    Got a response from Adobe support and this is what they suggested:
    "Solution 1: Update to Premiere Elements 9.0.1 update
    Do one of the following:
    * Launch Adobe Premiere Elements 8 and choose Help > Updates.
    * Download and install updates from the below mentioned link.
    ( http://www.adobe.com/support/downloads/detail.jsp?ftpID=4930 )
    Solution 2: Update the graphic card driver.
    Many video card manufacturers frequently update their software drivers. If you haven't recently updated the video card driver, contact the video card manufacturer for an updated driver, or download one from the manufacturer's website.
    Solution 3: Update quick time player.
    Open Quicktime player> click help menu > click update.
    Solution 4: Re-create the preferences files.
    Re-create the Adobe application preferences file to eliminate problems caused by a damaged preferences file. For specific instructions, search the application Help system for "restore preferences" or "re-create preferences." .
    Mac Hard disk > Users > username > Library > application support > adobe.photoshop.com.plist
    (please remove the adobe.photoshop.com.plist file from this location and relaunch the application and kindly make sure the application is closed before your perform this step)
    Solution 5 : Install or run the Adobe application from within a new user account.
    Occasionally, a user account can become corrupted and prevent the installer from accessing or creating the necessary files and folders. Create an account, log in to the new account, and then try to install or run the Adobe application. For information on creating a user account, see "Creating a new user account" in the Mac OS X Help.
    Solution 6: Remove third-party plug-ins.
    Applies to Acrobat, Adobe Reader, Adobe Premiere Pro, Adobe Premiere Elements, After Effects, Bridge, Fireworks, Illustrator, InDesign, Photoshop, Photoshop Elements, and Photoshop Lightroom.
    Remove third-party plug-ins from the application plug-ins folder, and restart the application. If the problem recurs, move the plug-ins back to the application plug-ins folder. If the problem doesn't recur, identify conflicting plug-ins.
    To identify conflicting plug-ins:
    1. Move one third-party plug-in back to the application plug-ins folder.
    2. Restart the application, and try to re-create the problem.
    3. If the problem doesn't recur, repeat step 1. If the problem does recur, contact the developer of the plug-in that you last moved, and inquire about an update.
    Solution 7. Run the application while no other applications are running.
    To maximize available RAM and reduce the chance that another application conflicts with the Adobe application, quit open applications (including virus-protection utilities). Then restart the Adobe application. If applications don't quit as expected, force quit them by choosing Force Quit from the Apple menu.
    Note: Don't force quit the Finder, which is the core Mac OS component.
    Solution 8: Install or run the application with the Login Items disabled.
    To disable nonessential extensions located in the user accounts Login Items folder, press Shift while you restart the computer. Pressing Shift disables any applications that are in the Login Items folder.
    This should resolve your issue. If it does, please let us know, however in case it does not; please revert with any new information that you might want to add which will help us in resolving your issue."
    Nothing helped until I installed PRE9 under a different login.  I appears my install must have been bad from the start.  I had originally downloaded the trial and then used the key from the DVD copy I bought to convert it to a licensed version.  I'm thinking something went wrong in that whole deal, should've just reinstalled from the DVD when I got it.  Oh well, all seems well now and I can finally get some editing done!  It actually seems to work smoother than Vegas 9 did.  Could probably use a bit more RAM though.  I only have 4GB.  I know PRE9 can only use 4gb, but windows 7 and background stuff uses over 1GB when the computer is idle, so 8GB might give PRE9 a bit more headroom.

  • Problem With Adding MPEG-4 Video Files

    I've downloaded a couple of videos already in IPod video format, MPEG-4. The problem is that I can't add these to my library in ITunes. I can add just about any video file, then convert the selection to a format compatible with the IPod, but I can't seem to successfully add videos already in this format. Why is this?? Any help would be appreciated.

    On a side note...when I try to open in Quick Time, I get an error stating that it's a bad file name or volume name. I don't get this error when I try to load it into ITunes.

  • I would like to see a built-in way of adding audio and video files.

    As it is, you have to rely on third-party solutions for adding mp3 audio files and video to Muse sites. Thanks

    Hi,
    I tried to reproduce what you were getting by building a simple VI but I havent had much luck (I have attached the VI).
    Could you post your code so that I can take a look at it?
    Feroz P
    National Instruments
    Attachments:
    Graph.vi ‏39 KB

  • I can't open files in Edge Animate.

    open a file I get this error message "Edge Aniamte encountered errors reading HTML in this file"

    Hi codei
    If this issue still persists, Pl share your composition with us, If possible. We can help you out with that.
    Thanks
    Manigandan

  • Imovie '11 adding captions to video

    I am adding subtitles to translate  a video. tried using the Ticker option but it moves too fast, would prefer a static subtitle like in most movies.
    any ideas?

    Listen to David's advice, Boris text gives you far more options than FCP built in text editor.
    In the viewer look at the bottom right corner and click on the button with a film strip frame with and " A" showing within, then scroll down in the pop down menu and choose Boris.
    G.

Maybe you are looking for

  • How to create a hyperlink column in External List (BCS) ?

    We have an external list set up that gets data from an external content type through a web service (done through BCS). Everything works fine except the fact that one of the fields is supposed to show up as a hyperlink but it shows up as text. Any ide

  • Scanning directly from Acrobat XI Pro interface no longer working

    OS 10.10.2 Acrobat XI Pro (latest version) Cannon PIXMA MX300 scanner/printer (also using its latest drivers and software) Up until recently, I was able to open Acrobat XI Pro and do a "create new document from scanner..." with no problem. Acrobat sc

  • Rx Mail Adapter configuration for Attachment sending and dynamic From/ To

    Hi I have a senario in which i have to send a file content as an attachment and then take the values of the from / to /CC from the xml dynamically and post. I am able to do it without dynamic Do we need to add some modules to do the same. RGds Aditya

  • Headphones & speaker q on the xfi extreme ga

    i have the evga 680i mobo as well as the creative xfi soundcard. i have been unable so far to get the mic on my headset recognized in windows, but the headphones (i have a sennheiser headset that has a mic and headphones, each with their own stereo c

  • BT Netprotect Plus vs Origin/The Sims 3

    Evening all, I'm tryin to get The Sims 3/Origin to run on my daughter's laptop properly but I'm getting 1. an error message saying it's unable to connect to Origin, and 2. when I install expansion packs on the machine, everything stops working..lika