naver / egjs-view360 Goto Github PK
View Code? Open in Web Editor NEW360 integrated viewing solution
Home Page: https://naver.github.io/egjs-view360/
License: MIT License
360 integrated viewing solution
Home Page: https://naver.github.io/egjs-view360/
License: MIT License
Axes 2.3.0 has some fixed circular bug which is directly related with view360.
https://github.com/naver/egjs-axes/releases/tag/2.3.0
Events are not documented in jsdoc style.
For example
//resume, suspend, animationEnd, error, init
No Work or Crash were reported on iOS9, Android 6.x (GalaxyS5, LG G5) when loading 1536px(=width) cube image.
view360 main gh-pages has wrong Github link
Github link on Upper-Right side is linked to https://naver.github.io/egjs-view360/naver/egjs-view360
Support not only image but also VIDEO!
Because of toooo low test coverage
YawPitchControl still have showPolePoint option name as old name showPole.
So, it makes weird behavior.
var panoViewer = new PanoViewer(el, {
fovRange: [30, 65],
fov: 65
});
// then
panoViewer.getFov() === 65; // false. but it should me true.
It's difficult to check if spinviewer is available. It's better to give a chance to check available. for example firing exception.
Visible.html Manual test's projection type is wrong.
should change imageType option value from "equirectangular" to "vertial_cubestrip".
From the discussion below,
#42 (comment)
@jongmoon thinks providing 'release' event will help developing with PanoViewer.
But I do not know what kind of situation is like the 'release' event becoming useful.
Isn't it enough to use debounce method to 'change' event?
If you use an element as an argument in a setImage or setVideo method call, you can control the playback of the media source by accessing the element, but if you use the resource url as an argument, access to the element is blocked until the load is complete. And playback control on the media source would not possible.
So if you want to use a string as an argument, and you want to provide the same functionality as using an element as an argument, you should be able to get the image/video element through getContent before the resource loading is complete.
If image's width is narrow, angle of rotation is small, if image's width is wide, angle of rotation is big.
It makes user experience be different on mobile and desktop environment.
SpinViewer.html
does not work on following browser.
On the test script. there is es6 syntax that IE11 don't support
like
https://github.com/naver/egjs-view360/blob/master/test/manual/js/GridView.js#L28
https://github.com/naver/egjs-view360/blob/master/test/manual/PanoViewer/PanoViewer.html#L352
should remove es6 syntax.
Pages used by soscon for booth events
PanoViewer
eg.view360.PanoViewer
Hi there
Looking fwd to the support for input devices, great to see they're on the roadmap.
Have done some research to find a performant solution and this is very well done indeed!
As an accessibility feature for users who don't immediately grasp the ability to manipulate the image sequence, would be nice to have an HTML range slider that can then be dragged to have the 360 move in sync.
Thanks
This jobs are followed by #44 (supporting video source).
Interface is changed, so need to apply it.
Test page cannot import visible component. because egjs-visible is not included in dev environment.
Thumnail at panoviewer page is broken.
There's browser blinking & making lines on playing sprite images
2
Beta)SpinViewer uses sprite image for spinning. But some browser makes bug when changing backgroundPosition. By support separated image, we can download resource progressively.
use Resemble + Canvas2Blob
egjs-component's API changed, ref
and it broke PanoViewer module.
In video tag, you can specify multi resources for applying available video on that browser.
But Current setVideo Interface can accept only one video param. So you cannot specify multi resources if you pass it as a URL.
In this job,
If video source is URL(string), then it should accept url as Array like following.
setVideo(["url for iphone", "url for android", "and others"]);
@egjs\view360
@egjs/view360-panoviewer
@egjs/view360-spinviewer
Update description and version for release.
headless chrome is crashing when render webgl context on travis-ci.
setImage cannot change image if imageType is changed.
panoViewer.setImage("image", "othertypeFromBefore"); //It cannot change image.
Currently Sprite image is only supported. It's better to support multiple images as a source for convinence.
Should make gh-page template with jekyll.
The rendering test is failing when it has non HiDPI display.
Because the test image is from HiDPI display.
Currently PanoViewer fires error asynchronously.
For example,
if (options.checkSupport && !options.checkSupport()) {
setTimeout(() => {
this.trigger(EVENTS.ERROR, {
type: ERROR_TYPE.INVALID_DEVICE,
message: "invalid device"
});
}, 0);
return this;
}
How about this async logic into _triggerEvent function?
If event name is "error" then, fire event asynchronously.
Following files should not be pushed on master branch
When zooming out over the limit angle, camera direction jumps in unexpected direction
Badge for Travis & coveralls
By specifying video-tag in video property, makes PanoViewer play video. and support equirectangular
first.
var photo360Viewer = new eg.view360.PanoViewer(rootNode, {
video: document.getElementById("videoSrc"),
});
In spite that video is available on Safari, PanoViewer is not working on safari browser.
Currently Sprite image is only supported. It's better to support spinning video.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.