Embed Tumult Hype in Muse

I am trying to embed an interactive graphic created in Tumult Hype into a Adobe Muse website. I manually uploaded the hype file to my server, then used an iframe to display the file in muse. But the file is cropped off in Muse, and I can't figure out why.
The original hype file is 700 x 400, as is the iframe.
If I type the direct route to the graphic in a browser, it displays fully:
NewBengHype
Yet in the muse embed, it is cropped off:
Playoffs | Michael Nyerges Informational Graphics • Visual Storytelling
This is the iframe code I used:
<iframe width=“700” height=“400" frameborder="0" src="http://www.michaelnyerges.com/NewBengHype/NewBengHype.html"></iframe>
Any idea how I'm screwing this up?

I know this is likely of very little help, but my best bet is that by adding a Hype generated page in an iframe in Muse, the links to any other resources that Hype uses to generate the page might no longer be valid.
I've not worked with Hype, so I can only compare it to working with Adobe Edge Animate as a tool for building interactive HTML animation, and bringing an Edge Animate animation into Muse. In that case you export all of the contents into a bundled package (.oam file) and place that file into Muse direct, all the scripts, images, required html etc. is all bundled inside that file.
There might be some reference in the Hype documentation about exporting for use in other sites/applications?

Similar Messages

Embed a video in Muse?

Can I embed a video in Muse, and I can upload to ftp to the Internet?

Hello Mogens, The answer to the first part of your question is yes you can embed a video in a muse site. The code you isert as html which comes under the Object heading in the Menu. The video file or files must go in the Assets folder, File/ add files for upload. In your code you have to have your source as Assets. I have not got the hang of this forum business yet but will send my code under here in another answer. Mine was html 5 with no sound just a little animation but the code may be helpful to you. I am completely new to this game this is my first site but I have found Muse very good and the staff guys here a very helpful. I have not got as far as uploading to my server yet so I am afraid you will have to wait for someone else to answer that one. Hope this is helpful to you.

How to embed music into adobe muse

I wanna make a website for a musician and I'm wondering how to embed mp3 songs on the website.
Thanks

Hi ritasaluix,
Please refer to the following threads:
Re: How to add audio into Muse (not in the background)?
Re: how do i embed audio (mp3) in muse?
Regards
Sonam

How to embed Typekit code in Muse pages?

How to embed Typekit code in Muse pages?

Hi Enu1,
Currently, you can only use and preview the free and open-source Typekit fonts in Muse.
If you're comfortable with a little HTML/CSS, the Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website.
However, we do see the value of being able to design in Muse with all the fonts in your Typekit library. This will require a deeper integration between Typekit & Muse. I'll give the team a nudge in this direction for you.
Let me know if you have any further questions and thanks for your patience.
Cheers,
Benjamin

Embed IDX feed in muse?

I that it can be done on word press sites...wondering if there was a way to do this in muse.
(it is a feed for real estate web sites that shows MLS feeds)
Thanks in advance!

Hi Mark,
Muse does not stops you from embedding any feature in your HTML code. To achieve this, you will have to embed your code in the Muse pages which you can do by using the Menu option Object->Insert HTML.
But at the same time we will not be able to help you with any such custom code that you might require to parse the feeds.
Regards,
Abhishek Maurya

Can i embed a javascript into muse

I am trying to start a website for a friend who has an e-commerence site with shopfiy. I want to build the site and embed his e-commerence into muse. So that when he updates his shopify it updates it on his site. kind of like how if you embed a google calendal and someone adds something on google it get updated on the calendar on the site. thank you for you help

You can add your custom code in Muse using Object insert html ,
https://forums.adobe.com/message/5224738
Thanks,
Sanjit

How do I convert a DVR disk to html so I can embed it on a muse site?

Client does not want to use You Tube or Vimeo. Just want to embed the video on a site page.

Hi
Please check these threads
Re: embedding video in Muse
Adding Video Easily

Embed offline-video in Muse

I have to add video content to a site that im making. As the site should be usable offline also (on a memorystick) i need offline-video.
I've seen lots of solution around placing online video - but nothing for offline videofiles.
I would highly appreciate any help for my problem.

Hi,
You can use the HTML5 video tags for this purpose . Please refer to these various tutorials :-
http://www.w3schools.com/html/html5_video.asp
http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=vTx6Y2rBG YS
http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video
Also while using the video tags, while specifying to source for your video, you can mention the path to the locally saved video and you will be all set.
Hope this helps
Regards,
Rohit Nair

Cannot embed google calendar in muse cc 2014.3

I just want to embed a google calendar. I get an error that says cannot open in frame. ?? Idk what to do

Hello,
Are you inserting the embedded code provided by Google calender portal?
Have you made his calender Public from "Share this calender "settings?
If you have done both steps at the top then try to preview calender Page from File > Preview Site in Browser.
If the issue still persist then please share the embedded code you are using along with the error screenshot.
Regards
Vivek

How do I embed flash movie in MUSE?

I am trying to embed a Flash movie in a new page on my site. I want the Flash movie to open in a new page, full screen without header or footer. I have puploaded a page with the correct code (I think) . The page opens but remains blank. The swf movie file does not launch. The files work fine on my hard drive.

Jgrummel, I tried pasting in your code with the name of an audio file, but it did not work even when I published. My guess is that the file needs to ALREADY be on the server, but then I thought if that was the case, does the embed code have to have a folder reference? I am not a coder, so I am trying to figure out at random. Can you provide any step-by-step process for getting audio files to play in the background WITHOUT the player being seen or being loaded in another page? Is the only option to use a thrid party server, like youtube, BUT with that issue is that I get suck with player controls that I do not wnat and it does not loop.

How to embed music or video in Muse

Can music (mp3 files and video be embedded into a muse page?

Hi,
Please refer to this thread, Re: how do i embed audio (mp3) in muse?

Embed interactive map HTML5 files in Muse CC website

I am illiterate when it comes to code and therefore I am using Muse and not Dreamweaver to build a website.
I have created a interactive map that I wish to embed in this Muse website, with Avenza Mapublisher, an Adobe Illustrator Plugin, and exported it to HTML5.
The result is an index.html file as well as a folder containing scripts and subfolders containing map tiles at different zoom levels.
When I open the index.html in a browser it works 100%.
Now I want to embed it into a Muse website.
The HTML code in the index.html can be inserted via Object - Insert HTML in Muse CC.
In order for it to work the scripts in the folder needs to accessed. I changed all relative paths in the HTML code to "assets/" and try to use the "add files for upload" function in Muse to upload the scripts as assets in Muse. This worked and the scrips could be accessed.
The map tiles however (jpg tiles in different subfolders for different zoom levels), reside in subfolders whose folder structure needs to be preserved.
Unfortunately Muse does not allow me to upload a folder as an asset. I cannot add the tiles in the subfolders individually, as the scripts, depending on the zoom level, fetches different tile sets from different subfolders.
Can anyone please give me directions on how to embed this map in a Muse website?
HTML5 that I wish to embed:
Inside the assets folder:
Inside layer_1_files folder (Different zoom levels)
Inside folder 12 for example (zoom level 12)

I was able to reproduce the problem at my end with a similar setup. This is happening as HTML5 renders images a little differently and Muse uses HTML5. Refer to the following thread for more explanation on this. - http://stackoverflow.com/questions/8722017/weird-html5-sliced-images-margin-top-bottom-iss ue
So in your case, simply add the following CSS to Home -> Page Properties -> Metadata -> HTML for <head> and re-publish.
<style type="text/css">
img { display: block; }
</style>
You might also want to re-upload /Narin-&-Portnoo.gif to the /assets/ folder as it appears it hasn't been uploaded properly and is currently generating a Bad request error. However, if re-uploading doesn't help, change the file name removing any special characters, re-upload and update the embedded HTML.
Thanks,
Vinayak

Embed html in muse

Hi,
I am trying to embed this to my Muse site - using embed html.
<script type="text/javascript" src="http://www.golfbox.dk/login.js?logoutUrl=http://www.brinkgolf.dk&destination=protrainer&Cl ubID={45094E6C-7917-4947-935F-D348C450CFD4}"></script>
But it does not work. Muse keep telling me that it cannot show a miniature picture of the code - and two weeks ago I did it, and it worked. But then it stopped working, and now I cannot regenerate it....
Thanks for your help

Hi,
What happens when you preview it in browser? Does the code render as expected?
Regards,
Aish

How can I import my html flash intro into Muse?

I created a flash intro using Tumult Hype.
I just designed a website in Adobe Muse and I'd like to insert my flash intro to be the first screen on my website. I'd also like to link it so that when i click "enter" it takes me to the home page of my site.
How can i do this? I've read numerous articles and forums on this problem and no one seems to have the solution.
Someone PLEASE HELP!

Use the code below... Upload your tumult file to your server as i don't think this will work locally. Insert an HTML object on your first page in Muse ( Home/Index.html ) and paste the code below in the object, change the URL in the code to point to your Tumult document. You may have to use an absolute path to other pages when you click the enter button for example http://www.yoursite.com/otherpage.html which will then take you to other pages in your muse document. Let me know if you run into issues...
Adding iframes to your site to display other site pages with embedded HTML
In addition to using embedded HTML to insert code you've pasted from a third-party website, you can also embed an entire web page within an iframe using the same method. For example, you can type a code snippet like this:
<iframe title="A Title for this Content" src="http://yoururlhere.com" width="900" height="500" style="border: 0;"></iframe>
In the code above, replace the text in the title="" and url="" with the desired external web page's title and URL. You can also customize the width and height of the iframe window to the desired values to fit your site's design.
Optionally, you can also add an attribute that ensures the iframe will not display a scrollbar by adding this to the opening iframe tag:
scrolling="no"
By choosing Object > Insert HTML, you can open a new HTML Code window and embed an iframe anywhere on your site and then set any URL (site address, such as www.google.com) to display a site that is live on the Internet inside it.
You can also use an iframe to embed animation, such as the HTML5 animations created in Adobe Edge. Find the name of the HTML file created by Adobe Edge and use that file name in your iframe's URL attribute:
<iframe src="Project-Header-r1v1.html" width="100%" height="100%" scrolling="no">
</iframe>

Missing important image functions - going for Hype

I made a product presentation with a meny system and aniamtions using Edge.
I unfortunatelly found some very important functions were missing.
So I´m going for Hype now, that has got all of these.
So all the job has to be doe again :-(
I didn´t find any feedback area for Edge Animate, so I´m putting it here. The things missing are:
- Automatic Image optimization (like in Muse)
- No support for PSD
- No retina support
- Can´t replace image, e.g from PNG to JPG (I made it thou by editing the JS-file, but that seems scary)
These are all small matters for Adobe to fix and I suppose they are doing this in the future.
I really like Edge Animate thou, but since it lacks important workflow functions I can´t use it in production.

Hi,
Thanks. Yes, that worked.
I actually didn´t find this because in all other Adobe applications, this is done from the Library panel.
I really stress the importance for you to make your/Adobe applications the same. We users love Adobe apps, but are really not liking the unnecessary different solutions in some of them. It´s frustrating and a complete waste of time.
I actually remade the whole animation using (Tumult) Hype.
It´s much easier to work with. Edge seems good to work with Javscript, but with Hype editing Javascripts is not as much necessary since there are pre-made solutions.
You should also look into some things Hype has that is really important:
- Automatic generation of Retina images
- Automatic resampling of images
- Scenes (a very nice way to work)
All in all, Hype is much more efficient to work with.
A thing that I do want in Edge (and Hype) is
- When using Photoshop originals, it should be possible to set how each image should be exported, i.e as JPG (and setting quality) or PNG.
In the real practical user world, we do only want ONE image to carry around for different purposes, it.e web, animations, videos, print.
And when designing (doing layout) in i.e Edge, I do not always from start know if the image could be in JPG or if it must PNG because it is e.g. overlapping.
The feature of settings export options for Photoshop images, I also would like to see in Muse. As well as Retina support in Muse that i REALLY want.
I like Edge (and really like Muse), but as it is now, selection Hype is an easy choice over Edge.
I hope that you do update Edge to support an extremely good workflow - then I will certainly selected Edge, since I already do pay for it anyway
Best regards
Bosse Nilsson
Tel +46 (0)703-233 150
2014-02-11 kl. 19:28 skrev elainefinnell <[email protected]>:
Re: Missing important image functions - going for Hype
created by elainefinnell in Edge Animate CC - View the full discussion
Hi, man&mouse-
Please note that there is a way to swap images, though it will try to fit the new image into the old dimensions.
Select your image element
In the properties panel, look at the Images section
Next to the image name, select the double arrow key
Select your new image (must already be in the Library)
http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-6110226-548268/437-302/ScreenShot2014-02-11at10.27.07+AM.png
Hope that helps!
-Elaine
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6110226#6110226
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/6110226#6110226
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6110226#6110226. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Edge Animate CC at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Embed Tumult Hype in Muse

Similar Messages

Maybe you are looking for