0

Interactive Menu

Nate Turley

August 22, 2014 18:17

None

Follow

Hi there,

 

I'm interested in using the Interactive Menu control as it appears to fit my use case:

I need to be able to select a video from a list. I DO NOT want to design the whole screen then use touch events on the image. 

I want to use a thumbnail from the video (which I have created) and add it on the screen to be able to be touched and have that video be played. Essentially, I just need an ImageButton on the screen. A rectangular touch area with a background image.

I was able to build something that looks how I want with the Interactive Menu, however they don't seem to respond to touch events. Is there a way to get this to work??

Thanks

• Facebook
• Twitter
• LinkedIn

5 comments

• 0
  
  Lyndon August 22, 2014 23:28

  The interactive menu is there if you want to design a dvd style menu. What your'e describing sounds like a normal interactive project. You can drag in assets, click on the touch icon, draw a connection from one asset to another, and then designate what part of the image or video preview you want to be active. Then, you can repeat  the process. If you post a sample project, and explain what's not working, we can help. 

• 0
  
  Nate Turley August 25, 2014 15:59

  I've made interactive projects as you have described them and that is not quite what I want to do.
  
  I'm looking for a way to build an interactive menu where the touch areas can change content easily. 
  
  In the project that you described, I need to make a new background image every time I want to add a video or swap a video out. Is this really my only option?

• 0
  
  Lyndon August 25, 2014 16:37

   

  I don't know what you mean by change the background image. IF you created an image that was going to act as your menu, then yes, you would need to change the menu if it had a thumbnail of videos you could choose from. You would also use image zones for your thumbnails. They would automatically float over any video zone. You could then play something like an empty livetext in the image zones when you wanted them to disappear, so your video could. And, when the video was finished, the images in those image zones could play again. You would only have touch in the image zones, and they would send zone messages to the main zone to play the videos. THen, if you want to change one of the menu items./thumbs, you would just change the affected image zone, or add a new image zone. 

• 0
  
  Nate Turley August 25, 2014 17:31

  OK, getting closer. Seems like that will work but it feels rather hacky. I don't know if this is a common use case but would be nice if BrightAuthor had tools for that sort of dynamic menu building. My current project has content coming on a weekly basis and as it trickles in, it will need to be added to the project.
  
  
  Anyway, I got it to the point where the thumbnail is showing but there are two issues (I'm using the beta emulator FYI):
  
  1. The empty LiveText has a black background.

  2. The hit testing doesn't seem to work on the floating image zone. Do I need to specify a Z-Index for hit testing? Even if I get it to work, I'm not sure it is solved because the imagezones will be floating over another touch menu i have in the main video zone.

• 0
  
  Lyndon August 25, 2014 21:34

  1. The transparency doesn't work in the livetext emulation in windows. So long as you don't have a background color set for the livetext option, it will be invisible on the player.

   

  2. What do you mean by hit testing? 

   

  Do you have a mockup you can send of how you want this to work ideally? Do you have sample content, and projects you can email us? If so, please email to support@brightsign.biz.