Open USDZ File into QuickLook - ios

I am interested in opening a USDZ file in a Safari browser and making sure that it ends up in the QLPreviewer and I was wondering if there is a browser API for safari that can do this. I want to make sure that the link doesn't just open in a new tab.
I have tried just opening a USDZ file but that just gives the appearance of a new tab where you have the option to open into files and stuff like that.
There isn't really any code yet but if that is the best way to achieve this that would make sense.
I see so from what I have read here you need to specify the rel="ar" which I am still not sure if it is working. I have tried it within codepen and nothing is really happening.
<a rel="ar" href="https://s3.amazonaws.com/test.cylindev.com/AR/4472/YF2013-XH-F-1S/JLA-8852-29.usdz">
<img src=""><div class="ar-glyph-background">
<div class="ar-icon"></div>
<div class="ar-text">View in AR</div></div>
</a>
It still doesn't work in a codepen environment but I know you can access previews from that environment and I am not sure where the issue is.

It turns out that you need an image tag within the link and the code I was actually using didn't have that image tag. Very weird choice by the apple devs.

Related

Code that can look at open browser tabs and store the urls?

I am attempting to write a program that looks at the current browser you have open, goes through each tab, and copies and pastes each page's url into a notepad file.
I have no issue with writing the file; my main concern is that I can't find anything in any language that can look at the browser, sift through the tabs, and scrape the url.
Does anyone know if this would be possible, any code that might be able to help (in any language), or if something like this exists? I would appreciate anyone pointing me in the right direction.
The software I was looking for did not exist, so I created it. It's a chrome extension called Raincheck

Explanation of (undocumented?) XUL dialog attribute buttoniconaccept (and similar)

I am pulling this attribute directly from Mozilla Firefox's about.xul file which shows the About dialog box for an add-on. It is a relatively simple XUL dialog with no inputs, locale data pulled from DTD entities, string bundle properties and JavaScript.
<!-- omni.ja!/chrome/toolkit/content/mozapps/extensions/about.xul -->
<!-- chrome://mozapps/content/extensions/about.xul -->
<dialog id="genericAbout"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="init();"
buttons="accept"
buttoniconaccept="close"
onaccept="close();">
MDN: Dialogs and Prompts and MDN: dialog both mention something about attributes that are formed by concatenating (pseudo-regexp):
"button" + "(label|accesskey|oncommand)" + "(accept|cancel|disclosure|help|extra[12])"
For example: buttonlabelaccept.
However, I could not find any documentation about the use of icon. The word icon does not even show up on either of the above-mentioned pages! What does it do? What is the correct way to use it?
I'm trying to make my add-on about page more modular, without loading internal files from omni.ja(r), which pulls in a LOT of unnecessary code with it. I am developing a very streamlined version, that will style itself appropriately depending on calling context.
I want it to look like Firefox's official About < addon.name > dialog if called from about:addons context-menu, or from my add-on's status-bar context-menu. I want a slightly different appearance if viewed from within the Options dialog as an iframe inside a XUL. I already have that structure set up. Just tweaking the little quirks.
This is not critical design or feature wise, and indeed the entire API will go away in a few months, but it just bothers me to not really understand this, so I want to figure it out before I let it go an move on to more important things. But I will if I absolutely can't find an answer. But it's one of those stupid little things that will just bother me a disproportionate amount. =D
If you can point me to documentation I may have missed, or even specific Mozilla source code, and a few examples, or a more complete explanation and typical use-cases, that would be great.
If you check the "blame" for about.xul, you'll see that the line was added to fix bug 422763. Judging from the screenshot in the bug, GNOME (Linux) has (had?) a convention of putting icons on dialog buttons, and this attribute allows overriding the default icon (inferred from the button type).
If you search for buttonicon, you'll find the code that handles this attribute in toolkit/content/widgets/dialog.xml.

Embedded Youtube videos not appearing in infowindows

I am attempting to embed Youtube videos into some of the infowindows in the following KML file:
http://www.jonangfoundation.org/files/newdef.kml .
The videos show up fine on Google Earth and KML Builder, but on this page they do not show up at all:
http://www.jonangfoundation.org/taktentest
Anyone know what could be keeping them from showing up?
Unfortunately your 'test' page does not load - Page Not Found error.
However, I think you need to set the correct MIME type for .kml files. Your newdef.kml is presented in my browser window as XML rather than downloaded as a .kml file. That might be your problem, it is hard to tell with nothing else to go on. check out this link for details about setting the right MIME
https://developers.google.com/kml/documentation/kml_tut#kml_server
Edit: I am not sure what is going on. Your KML code looks okay to me, and I see you have tried a few different approaches, none of which appear to work. I suggest you visit this SO question, as it's answer is something you could do to make it work.
Basically, you override the default behaviour when a placemark gets clicked, and allow iframes and javascript to be used in the balloon. It is the original way of getting around your problem (however I thought it was fixed in recent version of the plug-in. Maybe not?)
I believe your content is being scrubbed. See link for description and possible work around.
https://developers.google.com/earth/documentation/balloons#scrubbing

Way to Preview Twitter Widgets Locally

I'm building a website locally and would like to be able to see what the embedded Twitter widgets look like without uploading everything.
Here is the code for a basic Follow button (fiddle):
Follow #twitter
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
If you save this locally on your computer as whatever.html and then open it, you'll notice that the widget script never loads the widget.
Is there any way to get this to work? Thanks.
Add http: before the word "platform" in this portion of the code:
src="//platform.twitter.com/widgets.js"
so that it reads:
src="http://platform.twitter.com/widgets.js"

PrettyPhoto Error: Image cannot be loaded. Make sure the path is correct and the image exists

I've searched a series of forums and I've noticed that a lot of people had this same issue. I tried all the resolutions: using the longer Youtube URL like
http://www.youtube.com/watch?v=GkqS5DiF2_A
defining the width and height of the image, and I've tried using older versions of JQuery. I'm still receiving the error. I've linked all the images in the CSS file [incorrectly, but they are linked :)]. I've been trying to solve this for days and I'm not sure what I'm doing wrong.
Any help would be greatly appreciated. Thank you!
It appears that you have to add ?iframe=true to the end of the hyperlink
https://stackoverflow.com/===>http://stackoverflow.com?iframe=true
did the trick for me. Make sure you point direct to the web page you want to appear in the light box, not to the iframe.
I had the issue with WordPress,
I simply removed the alert.
file: /wp-content/plugins/prettyphoto-media/js/jquery.prettyPhoto.min.js
I use http://jsbeautifier.org/ to unfold the code
and comment line 350:
//alert("Image cannot be loaded. Make sure the path is correct and image exist.");
The links to the youtube video are not direct, you are using some kind of redirects. i suggest you use direct links to the youtube video
here is a demo of your site http://www.mediafire.com/?vj3l062uza7ov61 , see the left video

Resources