IBooks Widget Audio Issue (Edge Animate)

Hello, my name is Dominic Redding. I've been working on an HTML5 widget for an iBook (testing via iBooks Author). I've been having an issue that I just can't seem to find a fix for (I've checked through these forums, the Apple forums, and some other misc forums, and each "fix" has failed me). I'm implementing my audio via Edge's native audio implementation (using the newest release) and set the play to a div visibly off of the stage. My problem is:
I have audio in my project which triggers each time a button is tapped. On the Ctrl+Return browser preview, everything plays A-OK. When I put the .wdgt into iBooks Author and preview it onto an iPad, the audio refuses to play entirely. When I test the .ibook on Mac iBooks, everything works perfectly. When I test the .ibook on an iPad, it fails again. I'm using .m4a audio files.
I'm trying to figure out how to get the audio to play on an iPad (and/or why specifically it will not play on the iPads) and I need some help. Thank you for your time.
My .ibook file for anyone who wants to prod: https://copy.com/AGuFcv60OxZW

I figured it out. I tested the audio I was jQuerying against audio set to play in the Edge Animate interface. The Edge interface audio played perfectly, so I looked through my notation. Edge's sym.$("element")[0].play(); automatically resets the audio at its beginning. I had set the audio to have currentTime = 0 and then play, which somehow messed up the order of the audio playing and prevented sound on the iPad.

Similar Messages

Embedding Html code or widgets within Adobe Edge Animate project

Hi There,
I have just discovered Edge and i think it is amazing finally the "new" web standards are being put in the designers hands again!!
My question is this i have designed an online web based application using the amazing features in edge, what i need to do now is for instance add a weather widget or a news feed, how do i get this to work in edge, i have read about using iframes to embed video but this approach doesnt work for me, i would love to use this software for all of our web based projects but i need to know if its possible to embed html
If anyone out there can point me to some literature or an example of how this is done i would be so grateful! seriously love this software!
Thanks in advance!

Hi again Darrell,,
Thanks for the reply, At the moment if i could get hello world to show within a div in edge i would jump for joy! . Im starting to wonder if there is something wrong with my procedure, correct me if im wrong here..
Open edge, create new project, draw out rectangle, convert to symbol, name symbol widgetContainer, open up stage properties and set overflow to auto, open up code editor and under composition ready event add "sym.$("widgetContainer").load('html/helloworld.html');" Is this the right process?
What i need to do i either pull an iframe of an existing webpage onto the div whitin my project or get a jquery standalone project to display within the div either will work for me as long as i have the ability to update the information seamlessly, the exact widget im using is called WeatherSlider Premium jQuery Weather Widget. To be honest i would love to just pull an iframe of the site i would like displayed in the div that would be perfect..
Thank you again for taking the time to listen and reply to this, Adobe community for the win! I was mortified when flash got pushed out the market so i am really happy that we are back in the game with awesome tools again So excited to be learning again
Thank you again hope my rambling has made sense

Audio in Edge Animate

Si può inserire traccia audio? Come?

Thank you Dear redesign
well Dear Cindy.., i had a look on your project, i tried to cleanup it for you but because of that heavy mess your project have it would take two days for me, so i decided to leave it as it was
i noticed that you used 2 series of images, one image and other one symbol, you really dont need to do it this way, you could have those images that you made start and falling animation with them as a draggable objects and you really didnt need to re create a symbol for every single image, and maybe you think so how should i play those animation ?
you could place the symbol animation on the tree where ever that user will put the images and use that animation symbol as droppable area !!
see very easy, and didnt needed much additional element and symbols that you made to show, also here is a note: if you can use less objects and symbols then your work will play smoother and better on Mobile Devices and slow computers
btw, here is how you can reset the location of your images after drag and drop
we need to save our images original positions and put them back on their original place when we reply so, here is how we do this :
for (i=1;i<32;i++)
sym.$("_"+i).data("left", sym.$("_"+i).position().left).data("top", sym.$("_"+i).position().top);
because you made your drag and drop display off, we just can get their position when they are on !!
so the only way we can do that is putting this code on the time line after they are on, so i decided to put them on 9.900 th miliseconds
now we saved their original position, and we need to put them back on replay button, so we should write this code at the top of all codes in click action on replay button :
for (i=0;i<32;i++)
sym.$("_"+i).css({"left": sym.$("_"+i).data("left"),"top": sym.$("_"+i).data("top") })
now problem is solved and after Reply you can see your images are in their first place
regards
Zaxist

Jerky performance in iBooks widget and Animate Deployment Package

Hi folks,
I'm making a interactive children's book using Edge animate as I wanted it to be full of rich interaction, animation etc. My plan is to make the whole book in Edge and then drop that Edge file into either iBooks author or Adobe DPS. When I preview the work in Chrome through the actual application of Edge it plays perfectly, really smoothly and with no lag at all.
However, when I export as an iBooks widget or use the Animate Deployment Package option and preview through either iBooks or DPS then I see a marked reduction in performance. There is a slight lag between tapping an item and the animations starting and they play through in a slightly jerky fashion.
I read a discussion on these forums where the person said they had noticed the same thing when they had used symbols in their work. Unfortunately, because of the complexity of my project, I have to use symbols. Is this just how it is?
It's not absolutely dreadful, and if if that's how it is then I can live with it - but I would prefer it to be as smooth as it appears on my browser previews.
Any thoughts or suggestions on what I can do to improve the performance?
Thanks,
Tom.

Hi Elaine,
Thanks for getting back to me.
The largest graphic that I animate is 1024 x 768, but I didn't notice any particular drop in performance between larger items over smaller ones. I did notice that bitmaps suffered more from the jerky framerate than DIV elements created within Edge, but I guess that's to be expected.
Most of the images are .pngs because they need to be character's arms, legs etc to make the figures animate, so that must be the issue I guess. I've probably just been spoilt from seeing it run so smoothly on my desktop browser!
The 'symbols' comment was something that I thought was odd too - I only mentioned it as it had been brought up on the forums in relation to playback issues in iBooks.
Anyway, like I said it's not dreadful so I'll just have to live with it as I can't optomize the graphics to not have transparency in this instance.
Thanks for your time,
Tom.

IBooks Widget creation failures

Hi,
I am experiencing errors and failures when exporting to iBooks WDGT files from Edge Animate 2014.1.1
Sometimes the exported Widget is just OK, some other times, with no apparent reason, the .wdgt file lacks of the needed Info.plist document inside. It's just not there.
As a consequence iBooks Author rejects to insert the Widget as it shows an error of "A main HTML is not defined". I tried to created artificially this Info.plist from a working existing one and include into the Widget file with correct parameters, with no luck.
Someone else experimenting this erratic behavior when creating WDGT files from Animate?
Thanks,

Hi,
Thank you for sharing the result for others.
Regards,
Devendra

The best way to import video in Edge Animate project?

What is the best way to add video and audio in Edge ANimate project?
Thanks
Ares

Hi,
Can you check out the answers on this forum thread, and let us know if it helped you?
Can I import video into Edge? (http://forums.adobe.com/message/4352262)
Thanks,
Preran

Muse CC does not display Edge Animate with Audio

I am learning to use Edge Animate. I created an animation consisting of an image of a large rock concert. I added animation to create multiple flashbulbs like you see at concerts, and placed it in Muse. Worked great! Then I went back and added audio of cheering fans. It previews fine in Animate CC, but when I place it in Muse I just get a screen with nothing on it. If I back out the animation, it shows and plays fine. What am I doing wrong?
Thanks!

Hi
Are you still facing the same issue ?
Please refer to these threads for steps that you can try :
Edge Animation not working properly
Edge Animate not working in Muse Browser Preview, But works in Edge Preview
http://tv.adobe.com/watch/learn-adobe-muse-cc/integrating-adobe-edge-animate-graphics/
Thanks,
Sanjit

Edge Animate CC 2014 issue with SVG - Images greater than 1024 x 1024

Hi, since i updated my Edge Animate CC for Edge Animate CC 2014 i have issues when i import .svg files. Edge told me "Images greater than 1024 may cause unexpected behavior on mobile device" when i import .svg files smaller than 1024 x 1024 ?
When i publish my animation i have a weird things happening and my image scaling default is 10% instead of 100% when i import. Someone had this issue ? Something we can do ? My images a less then 1024 x 1024 and work perfectly in Edge Animate CC 2.0

Ok. I've solved. I needed to load some things:
EC.Parallax.setup (sym);
The full code (that works for me) is:
-- compositionReady:
EC.Parallax.setup(sym);
// Load Edge Commons
yepnope({
load: [
"http://cdn.edgecommons.org/an/1.1.0/js/min/EdgeCommons.js",
// Load style sheet for the overlay
"http://cdn.edgecommons.org/an/1.1.0/css/style.css"
-- click
// Open image in spotlight overlay
// Set up configuration
var config = {
width: "1024",
height: "768",
type: "image",
source: "images/dog.jpg"
EC.Spotlight.open( config );
I hope to serve others.
Regards

Adobe Edge Animate CC / 2014: Saving issue, program locks up when saving or Save-As

Edge Animate CC (and CC 2014) regularly freezes up when I hit save or save-as.
When the programs does save without crashing/freezing it goes through a nail-biting screen flickering sequence, the mouse becomes inactive, the warning ‘( Not Responding)’ appears momentarily in the programme bar, then the mouse becomes active again
Also as the project grew the programme became slow to respond when designing.
The only way I can make any progress is to do incremental save-as every 10mins and half expect to loose what I’ve just worked on.
I’ve tried updating from CC to CC 2014 , same issue.
My system
Alienware Aurora R4
Win 7 Pro
Intel Core i7 3.60GHz
16GB ram
1TB HDD
250BG SSD
Any help would be greatly appreciated.
Shaun

Hi Sudeshna, thanks for replying.
It's happening with a specific file, which is quite big, currently have around 90 graphics (png/jpeg) and 180 symbols in the project.
In terms of features i've deliberately not used any Filters (invert, hue-rotate, contrast, etc) as they have issues in various browsers. I'm animating position and along motion path, scale, rotation, skew, clipping, rectangle, circle rounded box, text, timeline-markers, code on symbols and code on timeline.

Edge Animate CC 2014.1 issues on Mac

I am getting a lot of odd, glitchy issues when working with the latest version of Edge Animate CC 2014.1.
The issues are varied and irregular such as:
nested symbols displaying inside parents and out of position
images in nested symbols displaying when set to 'display:none'
timeline animations bars not displaying when lane is collapsed
animation lanes 'grayed-out' when display is set to 'on'
asset folders not publishing correctly, causing broken links
overall 'glitchy' behavior
Most of the issues I am having are fleeting (except for the asset folder publishing), and will work properly with enough reboots or refreshes. I am wondering if anyone else is having issues since the update and/or if Adobe has noticed these bugs (that's what it seems like they are) and will push and update soon?
-J Sean

Hello!
I now have a project that seems to be corrupted. A had been working on it all morning, with a few bugs here and there. Now I can no longer open the file, receiving this error: "Edge Animate: Exception An error occurred. Please your work and restart Edge Animate."
I will try to attach sample files.
- J Sean

Embedding audio and animation into DPS using Edge Animate CC

Hello all,
I'm using all CC programs.
I've created an animation in Edge Animate that I would like to place into my InDesign doc for DPS.
The animations match up with sound file that I've imported into my EA file. I've tried using the buzz.js script (step-by-step as per the video tutorials I saw), but to no avail.
Is there a way to place/embed the animation along with the sound for DPS?
The animation will need to be simultaneously activated by the user to play.
Thank you very much in advanced for your help—hopefully there is a solution or some sort of work-around!
lv

Would you be able to supply a link to your past messages? I'm not sure what messages you're talking about.
Also, I do not need an audio over an audio—just one that plays while an animation plays.
Would that be the same concept?
Thank you.

Whenever I try to download the Edge Animate tutorials it says currently having issues ant to contact customer support

Whenever I try to download the Edge Animate tutorials it says currently having issues ant to contact customer support

Hi,
Now sure from where you are downloading edge animate tutorials. Can you please post any link or screenshots?
If it is within browser then..
1. Try in different browser.
2. Clear the browser cache.
Regards,
Devendra

Can we capture the video and audio using cam and microphone in Edge Animate?

Hi Everyone,
I got a new requirement from the client to create a HTML5 based functionality through which one can capture the video and audio using his web-cam/camcorder and microphone. I have researched on internet and found that there is api available (not reliable) http://www.html5rocks.com/en/tutorials/getusermedia/intro/ . I am not a coder by profession and use Edge animate to create HTML 5 based animations and stuff like that. Another problem which i have found that the api only works well with Chrome and Opera and not with Mozilla, IE..
Can anybody help me out in this, please...
Thanks & Warm Regards
Vikas

Hi, Vikas-
After a brief bit of research, you're definitely hitting upon the limitation of the browsers. Not all of the browsers have implemented this part of the HTML5 standard, so you're going to either have to use Flash or be limited to these specific browsers.
Thanks,
-Elaine

Glitches and Load Speed Issues with Edge Animate Site

I recently created a website at www.goshowpro.com and am having some glitches and load issues occur and would appreciate any help or insight into the matter. The site loads relatively quickly on my computer and my hosting servers technical support system but when I show it to my client it takes anywhere from 15-20 seconds, even after I have cleared the cache and cookies. All my image files are 'gifs' as to alleviate memory usage and I don't know what else to do that I haven't tried yet. Additionally, when you go to the services page from the about page, the light beams don't connect to the lighting fixtures and the text is placed differently than what I initially had in Adobe Edge Animate before I published the files. And the facebook link doesn't go to facebook but to www.goshowpro.com/facebook.... (ie I get a 404 error) even though in the program I have the link set as www.facebook.com.... I don't know what else to do besides what I have been doing and would very much appreciate any insight into these issues.
I should also mention that I used more html files than I initially planned due to lack of support on creating complete animation functionality with Edge Animate. I would like to have everything on one page but I don't know if that would be possible with the current version of Adobe Edge Animate (1.0.1.204.22434). Thank you again for your help.
Mike

Hi, Mike-
Have you tried profiling? You can use Firefox's Firebug or Google Chrome Inspector to see what's taking so long to download.
http://blogs.adobe.com/edge/2012/01/04/why-cant-it-just-work/
-Elaine

Edge Animate and iBooks Author

Hello,
Let me start by saying that I love Edge Animate! It is easy to learn with plenty of support and examples. However, I am having difficulty publishing my file to iBooks Author. After publishing my animation file, when I drop it into iBooks Author it will not animate. In this particular animation I use GreenSock GSAP exclusively. Thinking it might be my file, I published one of Adobe's example files and it does not animate either in iBooks. My animation is below:
https://files.acrobat.com/preview/9f94f319-56d2-43f6-a8b1-ff9acbc2cd1a

Ok Sarah, I'm trying to solve the problem slicing the pictures and it seems the animation get more speed but I have to slice more.
In meantime, I have a question: why if I use the 1MB size picture in an animation without symbol it works smoothly on Safari-iPad but, if I "wrap" the same image in a symbol, the animation is ver very slower?
Many thanks for your help!!
Davide

IBooks Widget Audio Issue (Edge Animate)

Similar Messages

Maybe you are looking for