Generate Studio Photos – Player 360

Generates a 360° interactive player for a vehicle, using studio photos. The player displays exterior and/or interior 360° views with configurable UI colors, hotspot styles, and button positioning.

Authentication

This endpoint requires a Bearer token in the Authorization header:

Authorization: Bearer {{token}}\n\n

Request Body

The request body must be sent as JSON (application/json).

Top-level fields

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Field	Type	Required	Description
`id_vehicule`	string	Yes	Unique identifier of the vehicle. Known values: `3770772`, `3145953`, `3201699`, `3210442`.
`parameters`	object	Yes	Configuration object for the 360° player rendering.

`parameters` object

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

Field	Type	Required	Description
`language`	string	Yes	Display language of the player UI. Example: `\"fr\"`.
`primary_color`	string	Yes	Primary accent color used in the player UI. Hex color code. Example: `\"#01a1df\"`.
`priority_order`	string	Yes	Comma-separated list defining the display order of view types. Supported values: `exterior_360`, `interior_360`. Example: `\"exterior_360, interior_360\"`.
`position_views_buttons`	string	Yes	Position of the view navigation buttons. Example: `\"bottom_left\"`.
`color_hotspot_360_info`	string	Yes	Color of informational hotspots in the 360° view. Hex color code. Example: `\"#01a1df\"`.
`color_hotspot_360_damage`	string	Yes	Color of damage hotspots in the 360° view. Hex color code. Example: `\"#db1c1c\"`.
`hide_images_hotspots`	string	No	Hide the hotspot images for each hotspot. (default: false)

Embedding the 360 Player

To properly integrate the player and enable the fullscreen toggle feature, you need to add both the HTML iframe element and a JavaScript event listener on your main website.

Add the following iframe tag to your page. Make sure to keep the id and include the allow=\"fullscreen\" attribute, otherwise the browser will block the fullscreen request.

<iframe src=\"https://www.player.tec3h.fr/.....\" id=\"iframe_360_player\" allow=\"fullscreen\" style=\"width:100%;height:500px;border:none;\"></iframe>\n\n

The iframe communicates with your host website via postMessage. Add this JavaScript code to your main page to handle the opening and closing of the fullscreen mode.

window.addEventListener(\"message\", (event) => {\n    const iframe = document.getElementById(\"iframe_360_player\");\n    if (!iframe) return;\n    if (event.data.action === \"open-fullscreen\") {\n        iframe.requestFullscreen?.();\n        iframe.webkitRequestFullscreen?.();\n        iframe.mozRequestFullScreen?.();\n        iframe.msRequestFullscreen?.();\n    } else if (event.data.action === \"close-fullscreen\") {\n        document.exitFullscreen?.();\n        document.webkitExitFullscreen?.();\n        document.mozCancelFullScreen?.();\n        document.msExitFullscreen?.();\n    }\n});\n\n

\n","urlObject":{"path":["1.1","player_360"],"host":["https://api.tec3h.com"],"query":[],"variable":[]}},"response":[{"id":"e9153b78-7a52-40fe-8850-3597f9100901","name":"Generate Studio photos Player 360","originalRequest":{"method":"POST","header":[],"body":{"mode":"raw","raw":"{\n \"id_vehicule\": \"3145953\"\n}","options":{"raw":{"language":"json"}}},"url":"https://api.tec3h.com/1.1/player_360"},"status":"OK","code":200,"_postman_previewlanguage":"","header":[{"key":"Server","value":"nginx/1.27.5"},{"key":"Date","value":"Fri, 27 Mar 2026 13:15:17 GMT"},{"key":"Content-Type","value":"application/json"},{"key":"Transfer-Encoding","value":"chunked"},{"key":"Connection","value":"keep-alive"},{"key":"Vary","value":"Accept-Encoding"},{"key":"X-Powered-By","value":"PHP/7.4.33"},{"key":"Expires","value":"Thu, 19 Nov 1981 08:52:00 GMT"},{"key":"Pragma","value":"no-cache"},{"key":"Cache-Control","value":"public, max-age=3600"},{"key":"Content-Encoding","value":"gzip"}],"cookie":[{"expires":"Invalid Date","domain":"","path":""}],"responseTime":null,"body":"{\n \"status\": \"success\",\n \"message\": \"\",\n \"concession\": {\n \"id\": \"2224\",\n \"nom\": \"tec3h API\"\n },\n \"interior_360\": false,\n \"exterior_360\": false,\n \"iframe\": \"https://player.tec3h.fr/?id_vehicule=3770772&language=fr&primary_color=01a1df&priority_order=exterior_360,interior_360&position_views_buttons=bottom_left&position_fullscreen_button=bottom_right&color_hotspot_360_info=01a1df&color_hotspot_360_damage=db1c1c\",\n \"execution_seconds\": 0.0958,\n \"partner\": {\n \"id\": \"1\",\n \"name\": \"Tec3h Demo\"\n }\n}"}],"_postman_id":"41885c34-eee8-4e91-8730-f11784058577"}],"id":"59579f47-2d2e-4fc4-a40c-36490cf8f778","_postman_id":"59579f47-2d2e-4fc4-a40c-36490cf8f778","description":""}],"event":[{"listen":"prerequest","script":{"id":"5ec4069f-1e48-4709-a5b9-3e870886bd24","type":"text/javascript","packages":{},"requests":{},"exec":[""]}},{"listen":"test","script":{"id":"9d042d2f-2fb2-47ca-be12-e318a8651662","type":"text/javascript","packages":{},"requests":{},"exec":[""]}}],"variable":[{"key":"BaseURLProd","value":"https://api.tec3h.com"},{"key":"BaseURLDev","value":""}]}

Generate Studio Photos – Player 360

Authentication

Request Body

Top-level fields

parameters object

Embedding the 360 Player

`parameters` object