Embedding .rh 3d models in html for interactive display - javascript

I have to embed the 3D models (format: right hemisphere) in the HTML page (WebHelp). The 3D player has to be embedded in the page/browser, rather than being a pop-up page.
In other words, to act like a YouTube video player embedded in the HTML page, showing a lightweight splash screen or multimedia thumbnail, that you can turn into full screen.
I am not able to follow on how to use the SAP VisualEnterpriseViewer to accomplish this. Otherwise, can we use javascript for this purpose? I know that jsc3d does not support .rh format yet.
Please help.
Thanks

No one can support .rh format, except RH/SAP. It is a closed, proprietary format. And forget about html5, canvas, webgl etc. These are too open, SAP / RH have traditionally created data silos rather than working off of open standards.
SAP VEV , formerly DeepView, does have a complete JS interface. The viewer doesn't have to be a popup. Look in the docs, you can embed the viewer in a page, and disable all the menus etc through appropriate javascript calls. The docs are distributed with the viewer sdk, however it is getting rather hard to come by now. Also helpful, and included with the docs, are examples.

Related

Displaying Picture in Pepper Tablet Web Page using Javascript Qi SDK

I'm trying to create a javascript application where it takes the picture using ALPhotoCapture in Pepper and displays the picture as a part of a web page in the Pepper Tablet. I'm able to make the Pepper take the Picture on FrontTactileTouch event and the picture is stored in /home/nao/recordings/cameras/picture.jpg. However, When I'm using the Javascript to load the Picture. The Browser doesn't allow me to show the picture on the tablet. On Googling, I found that browsers don't allow us to load the local pictures on the web page because of security issues. Does Pepper run Chrome Browser?
Just wanted to know if there is any workaround to display the local images in Pepper Tablet Web page. I've come across this ( https://community.ald.softbankrobotics.com/en/forum/display-image-peppers-tablet-8658 ) where They take a picture using Choregraphe and show it in the Tablet. But, this way the picture occupies the whole tablet. I just want the picture to be a part of the web page. Any suggestions are much appreciated.
if your application id srinu634app (be sure that's the actual package id, not just the name), you can save your image to:
/home/nao/.local/share/PackageManager/apps/srinu634app/html/img/photo1.png
... and then, in your project's html folder, you can have an index.html referencing img/photo1.png in an <img> (you could have the robot notify the javascript when an image is taken and what it's name is etc.).
Note that it's also possible to directly get the image data from javascript, without ever creating a file - see here for some discussion of how to do that: https://community.ald.softbankrobotics.com/en/forum/how-appear-naos-camera-view-using-qimessagingjs-webpage-6287
(the use case is a video stream; doing a static image like you do is simpler)

Convert interactive flash animation to javascript to use in html5

Hi,
I have a banner on my site made in flash. Its an animation that ends with a sequence showing buttons which the user can click to navigate to inner pages. Since flash seems to be dead soon I would like to replace that with html5 friendly code. Is it possible to have a program such as Adobe Flash CS5 to convert the full movie for me into javascript code? Or I have to write the javascript all by myself from scratch?
Thank you.
You can use Flash CC to publish you flash file into HTML canvas base structure. Steps -
Open file in Flash CC select commands->Convert to other Documents.
Folder Select HTML 5 Canvas from Dropdown and press OK. Now open
newly created Flash file and publish. It will give you the canvas
base html file.
The html and javascript you get is in organized format and you can even edit code as well.
Hope it solve your problem.

Liveweb Plugin for Powerpoint: Support for HTML5 Canvas?

I'm thinking of using the Liveweb plugin for Powerpoint, to embed a web page in a Powerpoint presentation.
Does Liveweb support HTML5 Canvas? Does it support Javascript?
Thanks very much in advance to all for any info.
Shyam Pillai's LiveWeb? It simply embeds an instance of the browser control into your presentation. It doesn't support any web technologies ... just turns the browser loose on them, so it'll depend on the MSIE version in place and what it supports and your Internet settings (ie, whether javascript is disabled or not).
Or the short version: Can't answer that. Try it for yourself and see. ;-)
So far it doesn't seem to be working. I can access a web page from inside a PowerPoint slide show. I can use the navigation on the page and navigate around the site. But when I go to a page that uses HTML5 Canvas, the Canvas objects don't yet appear.

a good cross browser javascript library for building desktop/os styled web applications?

basically I want to create a browser form (it will load an external page by iframe. but around the iframe is something that resembles a desktop operating system actual browser. Complete with icons, addressbar, file menus. ex. IE6 themed browser component inside the browser. Also should be very responsive, almost as if they were using a flash application.
Something like GWT, Vaadin.
It also would be great to have some windows GUI kit to build the ui's by dragging and dropping, double clicking on it to add events and stuff like that.
Trying to build something like http://www.lfsworld.net/. Click on login as Guest and see the desktop in your browser.
If you want to implement drag and drop why don't you check gwt-dnd?
You can add doubleClick,drag and drop handlers. This library is well documented and there are plenty of demos to play with.

Dragging and dropping images from Firefox into Microsoft Powerpoint

I am trying to make a web page which allows users to drag and drop images into Microsoft Office applications, specifically Powerpoint.
By default (as of FF3.5), Firefox will insert the source URL when an image is dropped rather than the image itself. After adding the following Javascript/jQuery code (derived from https://developer.mozilla.org/En/DragDrop/Drag_Operations),
$('img').attr('draggable', true).bind('dragstart', function (event) {
event.originalEvent.dataTransfer.effectAllowed = 'copy';
});
dragging and dropping works from Firefox to Word and Excel, but not to PowerPoint. For an example of what happens, see http://slides.html5rocks.com/#drag-and-drop. I have tested this with FF3.6 and FF9.
How can I make it work with PowerPoint?
Just drag'n'drop outside the boundaries of the ppt slide (to make sure you're not dropping on a predefined textbox) - and release the mouse button -no coding needed!
Firefox drag will drop the image at the center of te ppt slide.
Status quo
Sadly there is nothing you can do from within your browser and the application to enable drop support for PowerPoint.
This is something that needs to supported at source level in PowerPoint (and it seem to be if you don't drop the image on an existing element but right outside the slide frame you want to drop it onto - but probably depending on version).
If it (for some reason still) does not support the image part of the drop but just the link (and if there is no option provided for changing this behavior) there is little to do but to hope Microsoft will update PowerPoint with this support in the future, - or - check the following options for work-arounds if needed:
Add-ins
You can look into writing an add-in (or possibly just use a macro - you might need to lower security to medium [PDF] for macros) for PowerPoint that will take the link that is dropped and replace it with the image the link refers to.
Here is one place to get you started making add-ins if this is a viable option.
Here is a commercial framework that makes creating add-ins very simple.
(disclaimer in this regard: I am here assuming this will be possible due to add-ins such as this which allow you to show a live web page inside PP).
Pipe-line / work process
There is also the option of injecting a third-party applications in the pipe-line to do screen snapshots of the image and have it inserted automatically into PP.
SnagIt is such an application (and there are probably others) and it has free extensions that will allow you to integrate "snags" directly with PowerPoint.
Or (the perhaps too obvious option): simply copy the image in browser and paste it into PowerPoint.
What is your version of Powerpoint?
It's very important because image format support may be lacking.
If that's the case your code needs a minimum version warning addition.
Could also ask to convert image to suitable format.
It may even be the case that it's impossible to the version of Powerpoint you're using to support this in the way you want.
You could try to use html code.
This code might help you:
http://classroomtech.org.uk/2008/08/drag-and-drop-in-powerpoint/
Other possibilities are OLE object with a link to a image.
Could check how other Microsoft applications, that do something similar, handle things.
If that doesn't work you could try to generate an OLE object with a link to the image in it.

Categories