Video heavy web content folio app breaks when sent to background

Hi all,
I was pointed to here after asking a question on the Facebook page.
Basically, the DPS App we have created seems to not have been done before - we had gone down the native app route prior to this, but due to costs and compliance issues we could not go down that route, so we are trying to achieve getting the same project to work in DPS.
The main aim of the project was to have seamless transition from still image with hotspots, to short video, back to still image, thus creating a nice user journey. The quickest way to achieve this was using HTML and Javascript 'loops'. If this was done in InDesign, we were told it could've taken weeks!
Basically though, the videos are embedded and constantly updated with new video info and then played again using HTML/JS/jQuery - this works well and looks great, until the application is minimised. The video then breaks (This error occurred in the native app too, for whatever reason sending the app to background and back to foreground causes the video element to break) and only brings back a black screen with a Q. All I need to do is clean the video code or return the user to the splash screen when they press the home button.
I was wondering, does anyone here have any tips to getting HTML/Javascript to know that the app is no longer being viewed and is in the background? Or is there a way of returning the user to the splash screen on home button press - native apps have the ability to integrate & communicate with the hardware, will this functionality be released? Or could there be another way?
Any help appreciated!

Thanks Bob.
Okay, so here are the steps I'm taking:
1. Go to YouTube
2. Copy embed code
3. Go to InDesign
4. Paste embed code
This creates a web content area with the video embeded. So the user can click play on the video once it loads and can then click full screen on the video controls.
What I'm trying to do is have a button on my page which links to a full screen view of the YouTube video so when the page loads the video doesn't load but when the user clicks the button it would then load the YouTube video full screen. I'm looking for the same functionality that is possible were I to embed an mp4 straight into my document, hide it, and then create a button that plays the video in full screen mode.
Is the above possible?
Thanks.

Similar Messages

YouTube embed in web content overlay crashes InDesign when previewing

I created an HTML file with this code:
<!DOCTYPE html>
<html>
<body>
<iframe width="560" height="315" src="http://www.youtube.com/embed/xxxxxxx" frameborder="0" allowfullscreen></iframe>
</body>
</html>
I then created a box in InDesign and used the Web Content Overlay and selected the HTML file I created.
When I go to preview my pub on the connected iPad InDesign stops responding during "Checking Folio Contents x of x"
Is something wrong with my HTML file? Is it even possible to do this?
For background info: I'm trying to get the same effect of streaming a video from YouTube as I would if I were to directly embed the mp4 into my pub. I don't know if this is even possible or what is the best way to do this.
Thanks in advance for your help.

Thanks Bob.
Okay, so here are the steps I'm taking:
1. Go to YouTube
2. Copy embed code
3. Go to InDesign
4. Paste embed code
This creates a web content area with the video embeded. So the user can click play on the video once it loads and can then click full screen on the video controls.
What I'm trying to do is have a button on my page which links to a full screen view of the YouTube video so when the page loads the video doesn't load but when the user clicks the button it would then load the YouTube video full screen. I'm looking for the same functionality that is possible were I to embed an mp4 straight into my document, hide it, and then create a button that plays the video in full screen mode.
Is the above possible?
Thanks.

DPS and Coldfusion in Web content Folio Overlay

InDesign CS6 with DPS on a Mac. I create a frame and insert a Folio Overlay Web Content to access a Coldfusion Website page. I get an error message that the asset cannot be located. I tried redirecting the page using a . html page. Same result. Tried redirecting using .htm only and that appeared to work. Is there some way I can use DPS Folio to access a Coldfusion page inside of the Web Content Overlay?

Thanks Bob.
Okay, so here are the steps I'm taking:
1. Go to YouTube
2. Copy embed code
3. Go to InDesign
4. Paste embed code
This creates a web content area with the video embeded. So the user can click play on the video once it loads and can then click full screen on the video controls.
What I'm trying to do is have a button on my page which links to a full screen view of the YouTube video so when the page loads the video doesn't load but when the user clicks the button it would then load the YouTube video full screen. I'm looking for the same functionality that is possible were I to embed an mp4 straight into my document, hide it, and then create a button that plays the video in full screen mode.
Is the above possible?
Thanks.

Streaming Video through Web Content Overlay

Really would appreciate some help here. Whenever I link an HTML file containing a MP4 video through the Web Content Overlay, all the other body text in the pages no longer render as vectors (the text becomes pixelated). The video is in H.264. Any ideas?

Does the video streaming source link has the same page resolution as your folio is? Did you check the option "scale content to fit" is web content overlay?

Iphone photos app breaks when you have 2^14 photos

I have six years of photos on my iPhone (which has changed over the years but is now an iPhone 5 with 64GB and running iOS 8.0.2)
Needless to say I use the Photos app quite a bit and every day.
I noticed a few days ago that the Photos app was not responsive.
I reset the phone (turned it off and then on) - no change
i factory reset the phone and restored from backup -- no change
Then I noticed the number of photos (counted via Image Capture) 16,431 (remarkably close to and just above 2^14).
I removed 290 photos from the phone (arbitrary number that put the total number of photos below 2^14).
Then I reset the phone (turned it off then on) and the photos app is back to working as fast as it ever did.
so, i suspect that the photos app has a problem dealing with more than 16,383 (or 2^14 - 1) photos in the Photos album
Can anyone else confirm this trouble or know when a fix will be made?

It's not a limit of the number of files in a folder. A look at the iPhone with IFunBox shows that the photos are organized into folders of 1000 photos each.
The photos app seems to be designed to handle many many photos -- given that photos are organized by year and the folder organization I can see.
I'd like to use the photos app in the most natural way possible -- That is: take pictures and look at pictures that are well organized.
Alternatively, I'd like to have other albums organized like the many photo album (years, collections, moments).
Alternative to that I'd like to use a different app to view my photos -- especially if it organizes photos like the main
photo app (or even a better way if that exists) and can handle more than 2^14 photos.
Does anyone know of a photo app in the app store that meets those requirements?

Typekit font not displaying in iPad DPS app (created by Indesign) in Web Content (Edge Animate)

I think I have tried every permutation to make this work, but I am probably missing something.
I am creating a single DPS iPad app with InDesign, and I am using a Typekit font throughout. So far so good.
I have created an Edge Animate project using the same Typekit font. In preview mode, it is fine as well.
However, when I place the Edge Animate project into a frame in InDesign and use the Web Content Folio Overlay (regardless of whether I use the .oam file or link directly .html output published by Animate), the Typekit font will not show up in the Edge Animate portion of the DPS app and will instead use a fallback font.
Can anyone suggest a way to make Typekit fonts in Edge Animate work when embedded in a DPS app? (For what it's worth, I have the same problem when embedding html output from Tumult Hype, so it seems unlikely that this is an issue with Edge Animate at all and probably has more to do with something in the way the DPS app is dealing with embedded html content.)
Thanks in advance for any assistance.

Believe me, I understand the pain. Unfortunately there's only so much we can do at Adobe as the EULAs provided by the foundries for their respective fonts are very explicit in where you can and can not use them.
For example, packaging an InDeisgn file and sending it off for pre-press with the fonts included in the package is in direct violation of most font EULAs. In a studio environment, you're only allowed to have a font installed on n number of computers and need to have multiple licenses to accomidate >n number of seats. When creating a PDF, fonts explicitly have to be subsetted before embedding into the PDF.
That's just to paint a picture of the fragile state of using fonts in print, usage in digital mediums is just another bee in your bonnet when it comes to considering when you can and cannot use a font.
Services like Typekit Desktop are trying to make this easier by removing a lot of those pain and condierations for you, by blanketing all these fonts under a single license you're free to use for print and the web. There's still some gotchyas, but we're aiming to greatly reduce how much you have to think about it where we can.
So yes there's a bit of education when it comes to mixing embedded HTML content/fonts with DPS, but at least there's options
Sarah

Single Folio App

I currently have a "single-folio app" for the iPhone 3GS. It was created with AppMakr and I want to move this process to the DPS system and expand into the iPad and iPhone versions SD and HD... The App is live and out of date with Apple...
1. Do I need to create 2 separate builds in the DPS App Builder - one for the iPhone, one for the iPad ??
2. Can I have all these renditions exist under the same app within Apple ??
This app will be portrait only. From a design perspective, how are my inDesign CS6 files structured... ??
I am used to building multi-folio with subscription apps...
Thanks

DPS doesn't support single-folio apps for the iPhone. If you want to create DPS content for the iPhone, you need to create a multi-folio app. When you click Create in DPS App Builder, you specify iOS and select both iPhone and iPad. You create folio renditions for the iPad and iPhone. See this article:
http://helpx.adobe.com/digital-publishing-suite/help/creating-dps-content-iphone.html

Fixed Layout ePub - please help me embed video and/or use Folio overlay with web content

Hi
I have an In Design file used to create a print book (11"x11") and have decided to use CC 2014 to create a fixed-layout ePub 3 for a digital version. I converted the book over with minor issues of having to change the font and it looks beautiful.
I would like to add videos at the end of the book to take advantage of the flexibility of the digital format. I create a year-end slideshow of my photos and host them on Vimeo.
I have tried the following:
Using the Vimeo standard embed code in an HTML element
Using the old flash Vimeo embed code and converting to HTML - worked great on iBooks on Mac but not on iPhone/iPad as flash-based
Hosting and linking to videos on my own web server and using the Media - insert video link to the mp4 file
Hosting and linking to videos on my old photo server at smugmug.com
I can embed the actual videos but, at their smallest size they increase the file size of the ePub from 78MB to 400MB...
I then thought I would use a Folio Overlay - Web Content.
The idea is to use this blank page on my website which would look for all intents and purposes like another white page in the book - 2012 Slideshow - Oren Photography
The overlay works in Folio Preview but not when exported as an ePub
Is this a limitation of the ePub format?
Any help/advice/suggestions on fixing this are greatly appreciated.
E

Thanks again Steve and Bill
My interest in embedding videos was largely to minimize the final file size and amount of space used on each person's device. I ended up following your advice about using Adobe Media Encoder to minimize the size of each slideshow but it still increased the final ePub from 65 MB to over 200 MB. And that was with video quality that was far inferior from what I could offer through an embed or, my final solution, a link out to my website.
I happen to be of the same thought as Bill that most people are now connected to the internet and would favor a smaller file with access to online content over a very large file. I would have liked to embed the videos and allow 720p quality inside the ePub over the link I ended up settling for.
E

Content Viewer Crashes When Viewing Web Content

Hi,
I'm having issues with the folio Content Viewer crashing before web pages fully load my hyperlinks. I need to proof the folio with the client before we can publish, so I need everything to be working and know that the final app will not have the same issue.
I've set up buttons that link to coordinates on Google Maps. When a button link is clicked, the web viewer begins to load then immediately disappears (sliding to the bottom of the screen before the web content finishes loading) or crashes the Content Viewer completely.
I searched the forums and did not really find any solutions, other than when using a lot of images, they need to be sized/sampled down to use less memory. My folio does have a few articles that use quite a few images, so I've sampled everything down to 72dpi and noticed a slight increase in loading speed when loading each article. At first I thought this fixed the issue as the maps were loading for me, but after switching articles, it's crashing again.
If anyone has come across this and has a solution, please help me out!
Thanks,
S

Found a solution.
https://blogs.adobe.com/indesigndocs/2013/06/memory.html
Hopefully this helps someone else.
Cheers!
S

How create URL for see my folio on the web content viewer ?

Hello,
I try to create URL for see my folio on the web content viewer but nothing Work
i have this informations :
my applicationName
my accountID
my publication Name
and my articleName (even if for this i'm not sure)
All my articles are free, my folio is published...
For information my folio is in PDF format with the resolution 1024x768
Have you one idea why it's doesn't work ?
Thanks for yours answers

Rather than cobbling together the individual parts of the URL, create a development app with social sharing enabled and at least one article set to free. When you share the article of the published folio, you'll see your web viewer URL.

Adobe Content Viewer app and .folio file

I created and published a .folio file on my Web server.
My boss downloaded the free Adobe Content Viewer app from iTunes for his iPad. When he tries to open the .folio file from his home screen it goes online to a browser and just shows a grey screen with an icon for the .folio file, its file size and nothing happens.
Am I missing something? The same .folio file works fine on my desktop version of Adobe Content Viewer. How do I get it to work in his app?
Thanks.

Found some other threads. Is this right?
1. Create my .folio file.
2. Host on my free Acrobat.com account.
3. Get viewer to get their own free Acrobat.com account and share doc URL with them.
4. They download file and view in the free Adobe Content viewer app for iPad.
Would check, but I don't have access to an iPad with live internet connection (yet).
Thanks.

I have downloaded a movie from ITunes. It shows up in my video app. When I go to play it I get an error message: "The requested URL was not found on this server". When I checked back on iTunes, where you click to rent or buy a movie it says "Downloaded"

I have downloaded a movie from ITunes. It shows up in my video app. When I go to play it I get an error message: "The requested URL was not found on this server". When I checked back on iTunes, where you click to rent or buy a movie it says "Downloaded". Any advice on what I can do in order to watch this movie that I rented a couple of weeks ago?

Select the content which is causing a problem and use the 'Report a problem' button in Your Purchase History on your computer.

App store icon gone missing/Web Content Filter - Apple Configurator

I am using Apple Configurator to manage the iPads at my school. I changed the settings on my school's profile, within Apple Configurator, so that the App store was not available. The App store icon disappeared and all was good. I decided to change the settings back, to allow the App store, saved the settings and refreshed a group of iPads. The App store icon is still missing and it doesn't appear that my new settings have been applied. I quit Configurator and tried again, but no success. I am running Configurator 1.5 and the ipads are running iOS 7.1.
Also, I have unchecked the "Allow use of You Tube" button because I want You Tube disabled, but Configurator still allows the use of You Tube through Safari. Is there any way to disable the use of You Tube without using the ridiculous "Web Content Filter", that when activated, limits adult content (good), which seems to include a lot of valuable educational sites (bad)? To me the only other option available seems to be to tick "Specific Websites Only" and spend the next year typing in all the possible sites that might have educational merit, ergo, my use of the word 'ridiculous'. Is there something I am missing?

Locate it in the Apps folder and drag it to the dock.

Help with html files when placing Web Content overlay

Hi there,
We have an educational app with lots of interactive exercises - all of which were initially designed in Flash.
I have converted the fla files into hmtl using Wallaby. For each fla file, Wallaby creates a js, css and html file as well as an assets folder.
When I place the Web Content frame, and link it to the html file, do I link it to the actual html file Wallaby created? It won't let me select the folder with all of the files in it as is, and I can't link it to a zip file either... So how does it recognise the assets if I only select the html file? (see screenshot)
Or do I need to add an HTMLResources folder and link it to that?
Thanks in advance for any help given.

You link to the HTML file but make sure these things are in their own folder or InDesign will add EVERYTHING in the folder that has the html file in it.
Bob

Web content overlay doesn't always open in the in-app browser

We are using a web content overlay in a small frame to show a series of social media share buttons. It works beautifully most of the time - when the user taps the img, the in-app browser slides up from the bottom and the share page is ready to go. Sometimes though, for no apparent reason, the share page loads inside our tiny 200x50px frame. Here's a simplified sample of the code from our index.html file that we link to:
<div> <a href="http://www.sharesitegoeshere.com/facebook" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
<div> <a href="http://www.sharesitegoeshere.com/twitter" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
<div> <a href="http://www.sharesitegoeshere.com/pinterest" target="_blank"><img src="facebook.png" alt="Facebook" width="40" height="40" border="0" /></a></div>
<div> <a href="mailto:?subject=Check%20out%20this%20story%20&body=%0A%0Ahttp%3A%2F%2Fsharesitegoes here.com" target="_blank"><img src="email.png" alt="Email" /></a></div>
Here's some examples of the web overlay opening inside the small frame instead of the browser:
It seems like the first time we try the share button from a new article, it loads in the frame instead of the in-app browser, but every time after it behaves correctly. Is there any way to prevent this?

I've had this problem too. Here's a solution from my notes:
<UL><LI>Note on moving items
<P>Sometimes the blue "move up" arrow
disappears or stops working (as
expected). The reason is usually that
the regions "Group By" and "Sort By"
to properties have been set so that the order of items
is either completely determined or the
items you wish to rearrange belong in
different groups (or so as expose a bug
in Portal -- I still think this might be
a possibility).</P>
This sorting is set under the specific
Folder Style. Check
<DL><DD><pre>
Folder Properties
-> Folder Style tab
-> Layout tab
-> Edit region icon.
</pre></DD></DL>
Try setting "Group By" to "Category" or
"Author", and "Sort By" to
"Default".</P>
</LI></UL>
-Kal
null

Video heavy web content folio app breaks when sent to background

Similar Messages

Maybe you are looking for