Presentations play in the background, maybe?

  • 1
  • Idea
  • Updated 3 years ago
I am trying out a few HTML5 animations. I thought everything was working fine. Now it seems the presentation are stuck on the last frame. My animations do not loop, but start over on page refresh. I modified them to loop, but they don't start at the beginning.

Is this what the problem is? Or is it something else? Cache? Preview seems to play them correctly.
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
Should I add a loop and hope for the best? Or is there a better way to make each presentation "reload". If that is the problem.
Photo of Ray Durkin

Ray Durkin

  • 3,480 Points 3k badge 2x thumb
Hi Brian,
What widget are you using to play these animations?
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
Custom URL
Photo of Ray Durkin

Ray Durkin

  • 3,480 Points 3k badge 2x thumb
Brian - can you give me a link to the presentation?
Photo of Matthew Fisher

Matthew Fisher

  • 1,420 Points 1k badge 2x thumb
Brian,

Can you provide a link to the presentation you're having a problem with?

Thanks,

Matthew
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
It looks like it depends on how it is added to the presentation.

Custom URL - no loop
Web Widget - loops (but has a flash of white when loaded.)
HTML Item (with iframe) - no loop, but kinda of expected
Photo of Matthew Fisher

Matthew Fisher

  • 1,420 Points 1k badge 2x thumb
Brian,

I never saw it loop even when opened directly in a browser tab.  While I'm not sure if it will afford you the desired flexibility or how it ties in with the rest of your content, but what about assigning it to a schedule with the desired duration, and have the other content as a second (or third...) presentations assigned farther down in the schedule?

Thanks,

Matthew
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
This presentation does not have a loop. I was wondering if Rise started the presentation from the beginning. I would assume it is similar to a video, where it would start over and play  from the beginning.
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
I was hoping to simplify my animations and just create them. Then whenever Rise displayed it it would "reload" it and it would play from the beginning.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
I'm sorry, but their video and flash widgets are no good for looping. On the other hand, I do not find the method I use all that complicated. I choose to adjust and compromise :) instead of fighting all the time  :)
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
I would say there is something wrong with your HTML code. I am using both looping videos and flash animations with 'custom URL' and they are working just fine, much better than with widgets - no flickering when looping what so ever. I am not a code writer, therefore I am using Dreamweaver CC tools to build all that and it is super easy to do.

On the second thought, maybe it is your device... It is hard to tell because people never say what devices they are using when facing all these problems.
(Edited)
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
Thank you Darius.

So let me see if I understand this.

You create an html animation, and for example it is 20 seconds long. You insert the keyframe at the end to tell the animation to go back to frame one.

Create a presentation using custom url.

Then in Rise you set the duration of the presentation in the schedule to 20 seconds.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
I think you are talking Flash, right? To be clear, I do not insert any keyframes telling to do anything. I make videos and flash loop in Dreamweaver while compiling HTML webpage by selecting this option. I simply insert video or flash where it belongs and assign it to loop by clicking the 'loop' checkbox. Again, all this in Dreamweaver CC. I also have older Dreamweaver version 5.5 that has no such option. I am not aware of any other web designing software that would allow to do the same, but I am sure there is one.
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
No, I am using Adobe Edge Animate. Sorry of the confusion.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Brian, I've tried it too... once. I believe it works the similar way as Flash does. All you need to do is export your composition for HTML5 and somewhere in the options there will be 'loop' checkbox. It will generate HTML webpage with looping animation in it. You should be able then to pull it to your presentation with 'custom URL'.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Darius,

Thanks for handling this issue. You're awesome!
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
Not sure if it solved for me.

If I have two looping presentations, one 9 seconds long, the other 12 seconds. I create a schedule and have them alternate. They are set to display for their respective lengths. When using the widget it is "reset" each time it is displayed, but there is a flash of white between each presentation since it is reloading. The custom url (I believe is running in the background) has not flash between the presentations but they quickly become out of sync.

Here is an illustration to show what is happening.

Is there a play until done for html5 animation? Not sure how you would work it. Am I forced to limit my presentations to the same time length?
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Brian,

Are you altering them in the 'Schedule' or in the same placeholder as two different items? What kid of presentations those, videos?
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
They are HTML5 animations each in a single presentation. Then I have a "global" presentation with a placeholder containing each presentation, and adjusting the time on each item.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Try, using Video Widget for each Video item in the same placeholder with PUD setting. I found this way works the bets in RV for videos in rotation. Other approaches mess up the timing. You could also make a single HTML file with a playlist of rotating videos.
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
The video widget won't work with html5 animation. I did create a single HTML page and added both animations to that which works as expected. But now I lose the flexibility of scheduling the individual shows. Or expiring just one.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Oh, I'm sorry, I thought you were using videos... like videos. Can you have them saved as videos, though?
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
I don't have a good way to make videos from html5 animations.

I am creating my own content management system for creating web slideshows. It is very specific to our style (one large placeholder). But it is coming along. I can leverage the CMS ability to publish and expire content. So I could control the scheduling on a daily basis, since the player will reboot every morning at 3:00am it can refresh the cache and get the updated HTML (if we we decide to go with a single page for content).

http://preview.risevision.com/Viewer.html?type=presentation&id=ef3263a0-df2c-45c8-aee7-d81acd145...


Main Slide Options


Slide Elements


Slide Element Options
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Brian,

I believe I understand the situation, but just for my personal clarity before moving on, can you confirm that this is what you are experiencing?

HTML5 X = 9 Seconds
HTML5 Y = 12 Seconds

Presentations X & Y are embedded into a Master presentation, and are scheduled to run for 9 and 12 seconds respectively.
When the Master presentation is run X runs first, Y runs second.
The first time through, both run normally.
The second time through, each start a little bit later in the presentation, this compounds until the presentations are completely out of sync.

You are displaying these with CustomURL, correct? Have you tried the HTML Widget, with the HTML5 code inserted?
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
Yes, that is what I am experiencing.

I tried the HTML widget, same thing. But that gives me an idea. I could create a custom widget and add support for "play until done".  Then in my animation html send the api "done" event. But I think the real issue is that it doesn't know to reload or restart the animation. The web widget seems to do this, but it has a flash of white on load.
Photo of Crystal Woods

Crystal Woods

  • 98 Points 75 badge 2x thumb
I also tried using the web widget, and yes, it does flash a white screen before it loads, and it's the only way to add a URL where it will load it from the beginning. Really hoping for a better solution.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
I had some discussions with our developers about PUD in schedules today. We didn't come to any conclusions, but I thought I would let you know that it is being discussed.

Could you provide me a link to a presentation with the Web Page Widget that demonstrates the white flash you are talking about?
Photo of Brian Wente

Brian Wente

  • 362 Points 250 badge 2x thumb
I am pretty sure the "flash of white" is because it the HTML is being reloaded each time, which is why the animation timing stays correct, because it is getting reset each time. But since it is being reloaded it isn't cached, again I think that makes sense. PUD won't help, it needs the opposite... ROL (reset on load) not refresh since I think it will get the flash of white, but a command to a JS function on the HTML presentation telling the animation to go frame 1 of the animation.

Link... http://bit.ly/1XOgOoM
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Brian,

Ah, okay. I see where you are coming from now. It looks like improvement could possibly be made to the HTML Widget to allow for ROL instead of refreshing. I'll bring this up to our content team and see what they have to say.

Thanks for the input!