This article provides in detail explanations of Panorama Feed functionality.
Creating the feed
List of feeds that user can manage can be seen after selecting ‘Image feeds’ option in portal menu.
In the upper right corner ‘Create feed’ button will appear. Selecting it, form can be filled in.
Name, title, and camera can here be set, but type of feed needs to be ‘Panorama’.
After saving, the feed will appear in the feeds list.
Editing the feed
In order to edit the feed, right click on the panorama feed and select ‘Edit’.
New form will be open which allows feed editing as well as hotspots and logos creation.
Clicking the ‘Add’ button in Hotspots section will create a form for hotspot configuration.
The parameters bellow can be configured:
x and y position of panorama image
label that will be shown as title of this hotspot
link to which you will be redirected upon clicking the hotspot
text which will appear on holding the mouse pointer over the hotspot
icon of 24 types to choose from
color with 16 options
stalk length from no height to 5 different lengths
label alignment of left and right direction
Also, hotspot can be deleted by clicking the round red delete button.
Clicking the ‘Add’ button in Logos section will create a form for logo configuration.
The parameters bellow can be configured:
URL of the logo to be displayed
Type of logo that can be:
top left corner
top right corner
loading screen
Link to which you will be redirected upon clicking the logo
Also, logo can be deleted by clicking the round red delete button.
Once everything is set, Panorama feed can be accessed by right click in the feeds list and selecting ‘View Feed’.
Alternatively, feed can be accessed from browsing the camera images and selecting the feed in publication section in the lower right corner. Or by entering the address directly into the internet browser’s address bar: https://feed.yellow.webcam/feed/{token} in which token is generated upon feed creation.
User Interface
On start of the panofeed, the latest image starts to pan slowly to the right.
Logos are displayed in upper left or right corner
Hotspots are displayed in appropriate locations, colors, stalk sizes, and direction
General Data Protection Regulation (GDPR) can be checked here
Feed navigation bar includes:
zoom in
zoom out
show / hide hotspots
show / hide timeline
enter / exit full screen mode
Show / hide user interface
Timeline
Selecting timeline new options are shown.
Date and time of a preview image
Preview of an image
Slider picker for the last 30 days
Time picker for images
It contains an icon which returns to the latest preview image
Clicking on the image preview will go to the selected image and hide the timeline menu.
The clock can be rewound up to 30 days into the past, or 60 circles, since one turn equals to 12 hours.
Previews will change accordingly and to the nearest time available.
Embedding the feed
In feeds menu, right click on the panorama feed and select the ‘Embed’ option.
This will open up a pop up window with the code needed to be inserted into desired website.
<iframe src="https://dev.yellow.webcam/feed/VPHUNYYYG"
Here arguments can be added ?ui=true/false for user interface visibility
and &hot=true/false for hotspots visibility, so source can be for example:src="https://dev.yellow.webcam/feed/VPHUNYYYG?ui=false&hot=false"
for no ui and hotspot visibility.width="800" height="533"
Size can be set with desired width and height of iframeallowfullscreen=”true”
Allows full screen to be enabled or disabled></iframe>
‘Link to Image’ option will open the latest image in new tab.
‘Delete’ option will delete the feed.
Mobile layout of the components may be slightly different, but the functionality remains the same.
Add Comment