NUKnightLab / NUKnightLab/StoryMapJS

Support Ricoh360 embeds, possibly other 360 images.

Open
#391 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
JavaScript
Stars
248
Forks
61
Avg merge
1m
Merged PRs (30d)
1

Description

A zendesk request came in for supporting embeds of Ricoh Theta 360 images.

We might be able to adapt the method used for SceneVR to embed a single equirectangular image, although as the request noted, images will typically be larger than StoryMap's maximum upload size.

For images hosted at theta360.com we might also be able to add a media type which recognizes the URL pattern and renders an embed. Below is an example embed taken from a random Theta 360 page found online. I don't know if it'd be feasible to dynamically write a script tag like that and get the desired behavior, but logging here in case we decide to pursue it.

<blockquote data-width="500" data-height="375" class="ricoh-theta-spherical-image" >360 Photo
 Sphere example shot with Ricoh Theta--&gt;shared via Ricoh Theta app  #theta360 - <a 
href="https://theta360.com/s/Dzp" target="_blank">Spherical Image - RICOH THETA</a>
</blockquote>
<script async src="https://theta360.com/widgets.js" charset="utf-8"></script>

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the existing SceneVR embedding method and the media-type handling for hosted URLs. Compare those approaches with the Ricoh Theta example and determine whether the intended scope includes equirectangular uploads, theta360.com URLs, or both; done should mean a documented, working support path with an agreed test or verification method.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.