Page History
...
- Cutwise Widget shows all captured videos and photos along with Optical Performance Scores
- Comparison Widget allows you to compare a diamonds.
- Cutwise Player shows one pre-selected video\image from ViBox or DiBox
Only diamonds diamonds published on Cutwise can be shown in Cutwise Widget (status is set to PublishedWidget, Cutwise Search or Full Access).
Embed a Cutwise Widget
This section explains how to embed a Cutwise Widget in your application and also defines the parameters that are available in the Cutwise Widget.
...
Parameter name | Available values | Default | SampleExample | Description |
---|---|---|---|---|
CUTWISE_ID | — | https://widget.cutwise.com/performance/v1/333?autoplay=1
| Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/ 333 Link for embedding = https://widget.cutwise.com/performance/v1/333 | |
AUTOPLAY | 1, 0 | 1 | ...&autoplay=1&... | This parameter specifies whether the initial video will automatically start to play when the player loads. |
SP[] | integer ID | Default media same as from the diamond page | ..&sp[]=43&sp[]=10&... | This parameter available only for visual template. You can select any videos to show them on widget, for example:
With desired SETUP_PRESET_ID, like 1,2,10,38 and etc. Media SETUP_PRESET_ID can be found by clicking on image\video thumbnail on stone page and checking sp=N in browser URL or check list of SETUP_PRESET_ID on documentation page: Cutwise Widget#ListofSETUP_PRESET_ID |
dd | cw-fancy | Default optical performance evaluation as from the diamond page | ...&dd=cw-fancy&... | Demonstration Optical Performance Scores with Grades Relatively to Cutting Form. This function is available in the Cutwise Widget templates (performance, report and RapNet). Enabled via specific parameter: ...?dd=cw-fancy&... For example Cutwise Widget with this parameter: https://widget-staging.cutwise.com/performance/v1/34294?dd=cw-fancy |
Predefined Templates
More information about Cutwise Widget types:
Template name | Example link | Width, px | Height, px | Appearance |
---|---|---|---|---|
performance | https://widget.cutwise.com/performance/v1/337 | 480 | 640 | |
320 | 500 | |||
visual | https://widget.cutwise.com/visual/v1/333 | 480 | 580 | |
320 | 420 | |||
report | https://widget.cutwise.com/report/v1/386/ | 1366 | 768 |
Usage example
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<iframe name="Cutwise Widget" width="480" height="640" frameborder="0" src="https://widget.cutwise.com/performance/v1/333" allowfullscreen ></iframe> |
...
https://files-cdn.cutwise.com/widget/video-metrics-demo-v1/index.html
Comparison Widget
This type of widget allows you to compare a diamonds.
Parameters
Parameter name | Available values | Default | Example | Description |
---|---|---|---|---|
CUTWISE_ID | — | https://widget.cutwise.com/pair-comparison/59027/34016 | Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/ 333 Link for embedding = https://widget.cutwise.com/pair-comparison/59027/34016 |
Predefined Templates
Template name | Example link | Width, px | Height, px | Appearance |
---|---|---|---|---|
pair-comparison | https://widget.cutwise.com/pair-comparison/59027/34016 | 1200 | 1000 |
Usage example
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<iframe
name="Cutwise Widget"
width="1200"
height="1000"
frameborder="0"
src="https://widget.cutwise.com/pair-comparison/59027/34016"
allowfullscreen
></iframe> |
Embed a Cutwise Video Player
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<iframe name="Cutwise Player" width="640" height="640" frameborder="0" src="https://widget.cutwise.com/video/333?sp=51&autoplay=1" allowfullscreen ></iframe> |
Parameters
Parameter name | Available values | Default | SampleExample | Description |
---|---|---|---|---|
CUTWISE_ID | — | Cutwise Product ID to embed. You can see it in cutwise diamond page URL: https://cutwise/diamond/333 Link for embedding = https://widget.cutwise.com/video/333 | ||
AUTOPLAY | 1, 0 | 0 | ...&autoplay=1&... | This parameter specifies whether the initial video will automatically start to play when the player loads. |
GRAYSCALE | 1, 0 | 0 | ...&grayscale=1&... | This parameter specifies whether the videos or images will show in grayscale tone. |
AUTORESIZE | 1, 0 | 1 | ...&autoresize=0&... | Enable or disable autoresize listeners. If autoresize parameter is enabled, Cutwise Widget will resize automatically based on iframe width and height parameters. |
SETUP_PRESET_ID | integer ID | first video on diamond page | ...&sp=43&... | This parameter specifes what media will be shown for current CUTWISE_ID. |
...
Cutwise Widget Versions History
July 3, 2020
- Comparison Widget.
Demonstration Optical Performance Scores with Grades Relatively to Cutting Form.
Bugfixes.
February 5, 2020
- Customized visual template.
- Bugfixes.
...