Как добавить 360 фотографию на сайт

Возможно, вам поможет инструкция А так, я бы рекомендовал сперва изучить js, css. Т.к. один html не решит эту проблему.

Для фреймворка Babylon.js ответ можно найти в Официальной справке

Простейший пример:

var createScene = function () {
var scene = new BABYLON.Scene(engine);
var camera = new BABYLON.ArcRotateCamera("Camera", -Math.PI / 2,  Math.PI / 2, 5, BABYLON.Vector3.Zero(), scene);
camera.attachControl(canvas, true);
camera.inputs.attached.mousewheel.detachControl(canvas);

var dome = new BABYLON.PhotoDome(
    "testdome",
    "./textures/360photo.jpg",
    {
        resolution: 32,
        size: 1000
    },
    scene
);

return scene;};