Слияние кода завершено, страница обновится автоматически
(Примечание: поскольку у нас нет профессионального фотооборудования, качество вывода панорамных фотографий и видео не очень хорошее. Поэтому проблемы с качеством восприятия в основном связаны с исходными материалами, а не с фреймворком)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TPano — просмотрщик панорамных фотографий</title>
<style>
* {
margin: 0;
}
#tp {
width: 200px;
height: 140px;
display: block;
}
</style>
</head>
<body id="pano">
<!-- Непосредственно через тег tpano импортируем панорамную фотографию 1.jpg, без необходимости какой-либо дополнительной обработки, как при использовании тега img, но обратите внимание на настройку CSS тега, чтобы указать ширину и высоту, tpano автоматически генерирует размер фотографии в соответствии с высотой -->
<tpano id="tp" src="./1.jpg"></tpano>
</body>
<!-- Импорт three.js -->
<script src="./three.js"></script>
<script src="../dist/tpano.js"></script>
<script src="../dist/fastloading.js"></script>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equi="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TPano — просмотрщик панорамных фотографий</title>
<style>
* {
margin: 0;
}
#pano {
width: 100vw;
height: 100vh;
}
</style>
</head>
<body id="pano"></body>
<!-- Импорт three.js -->
<script src="./three.js"></script>
<script src="../dist/tpano.js"></script>
<script>
var tpano = new TPano({
el:'pano',// Корневой узел DOM для просмотра фотографий
photo:[
// Массив панорамных фотографий, каждая запись представляет собой одну фотографию
{
url:'1.jpg',
name:'Интерьер'
},
{
url:'2.jfif',
name:'Архитектура'
}
]
})
</script>
</html>
Продолжается обновление и оптимизация.
https://gitee.com/push_0x57df/TPano/releases
Проект продолжает оптимизироваться, если у вас есть предложения или вы обнаружили ошибку, пожалуйста, создайте issue.
Смотрите каталог проекта: /docs/doc.md. Рекомендуется использовать Typora для открытия документа или просматривать его непосредственно на веб-странице Git.
Вы можете напрямую нажать здесь: https://gitee.com/push_0x57df/TPano/blob/develop/docs/doc.md
GitPage: https://push_0x57df.gitee.io/tpano/example
Чтобы продолжить разработку TPano, мы надеемся, что вы сможете внести некоторые панорамные изображения в качестве тестовых данных для обновления. Спасибо! В настоящее время у меня нет оборудования для съёмки панорамных изображений, поэтому мне нужна ваша помощь. Способ вклада: Pull Requests, каталог: devData. Обратите внимание: убедитесь, что у вас есть авторские права на вклад!
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )