I Made a Browser-Based HEIF File Viewer!

So, as many in the tech world know, Apple recently switched to a new photo format for their iDevices with iOS 11 forward.  While the new format is vastly superior to JPG, it was all but entirely incompatible with Windows programs. However, thanks to a college class in JavaScript, I managed to download and jury-rig the official HEIF format website into a file reader!  It seems Chrome/Edge are incompatible as of this writing, so thus far only Firefox seems to work. 

Here's a link to the program: https://mega.nz/#!9xwWgCSA!6G3mvAjN_zB7iYzhVEkuGsulNjPFCsoZubSfpUTHQw4 

This is far from a perfect viewer, so I plan to keep working on and rewriting the program as necessary (#1 on the agenda would be compatibility with more browsers).  In the meantime, though, have fun with the program!  

UPDATE 1/3/2018: I've run a direct copy of the website on other browsers, and apparently Chrome (and presumably the other browsers) somehow can't load the special images because of their local "file://" URL, meaning it would have to be uploaded to a server and gotten through HTTP first--which rather defeats the point of having a local program, so it seems the program only works on Firefox for the foreseeable future.  

UPDATE 5/16/2020: After seeing that the viewer no longer works on Firefox now (as it similarly requires HTTP), I've revisited the main HEIF website and noticed that the source code has been updated to read that “Copying, including reproducing, storing, adapting or translating, any or all of this material requires the prior written consent of Nokia.” In light of this change, I've opted to take down the viewer, though that's definitely for the best, as Windows and other programs have caught up with HEIF in the last two and a half years.
Labels:

Comments

Post a Comment

Popular posts from this blog

Seven Quick Takes Friday

Image
So, it's been over a month since my last post and I haven't done a thing.  This is partially because I was: a. in New Jersey with my grandparents and cousin in early early July. b. packing up for summer camp in later early July. c. earning merit badges in summer camp for a week in mid-July. d. this is late July.  And next week I'm going on a family vacation. On to the other excuses for non blogging what's been happening: 1. Of course, there are all the minor details like my birthday , earning a learner's permit , signing college applications, etc. 2. Back with computer animation, I am happy ecstatic to announce that someone has downloaded my TARDIS model !  Somewhere, someone is using it for their own projects!!! 3. Speaking of downloads, I have downloaded and am coloring a Tardis interior from the same website.  To tell the truth, I actually like it that downloads all start out colored gray; it gives the person working with it something to do.  O
Read more

K12 Project and Assignment 3: Build a Creature and a Monkey

Image
Did you notice I have no idea if the “k” in K12 is capitalized or uncapitalized?  See, in the last sentence, k12 was capitalized.  Yet in that previous sentence, K12 was lowercase.  And yet, in that previous sentence… well, you get the idea.  Anyway, Project 3 introduces modeling , and taught me something new–using a bump map texture; which makes the object look, well, bumpy.  It’s interestingly called “normal” in the influence section of the Texture panel.  My special addition for this project was using “emit” (same section, same panel) to get some parts of the creature to seem to glow.  Upon noticing that it wasn’t a huge change (as well as my not being able to see its eyes), I also changed the camera angle and provided some more lighting.  I actually noticed then that it looked like he was jumping down, so… well, I suppose a picture’s worth a thousand words. “Jason the Jumper”, as I call him, uses particles for the crashing-glass effect  The particles are on billboard
Read more

Blender 101 1/2: the Physics Engine

Technical alert: this post explains how to do things in technical detail; you can skip this post if you're not interested in that kind of thing. Now, I am an amateur as you could see by some of my models, but nevertheless I also like teaching others about what little I know about Blender and other 3D software.  Today, the physics engine is my focus. There are seven different types of physics in Blender.  Force Field can make things like wind, tornadoes and, well, force fields.  Collision is necessary for projects that involve gravity--which would include clothing, floors, objects... basically anything in an advanced project.  Cloth makes your object turn into, well... cloth.  Fluids and Smoke also speak for themselves, and I have no idea what "Dynamic Paint" and "Soft Body" do. The physics engine is absolutely necessary for any advanced project; if you want snow to move around, that's a good time to use Force Field; Collision can help if yo
Read more