Я рендеринг страницы сведений о недвижимости, как показано ниже (можно получить доступ Вот)
У меня есть слайдер изображений и просмотрщик 360 изображений. В настоящее время пользователь загружает оба типа изображений вручную, т.е. простые изображения из одного интерфейса и 360 изображений из другого интерфейса. Я проверяю, есть ли в собственности 360 изображений, и отображаю их с помощью средства просмотра панорамы.
Я использую следующий контроллер для загрузки изображений 360, что аналогично загрузке простых изображений.
public function upload_360_images()
{
if($this->session->userdata['id'] && $this->session->userdata['type']=='user')
{
if($_FILES)
{
if(isset($_FILES['files'])){
$data['errors']= array();
$extensions = array("jpeg","jpg","png");
foreach($_FILES['files']['tmp_name'] as $key => $tmp_name ){
$file_name = $key.$_FILES['files']['name'][$key];
$file_size =$_FILES['files']['size'][$key];
$file_tmp =$_FILES['files']['tmp_name'][$key];
$file_type=$_FILES['files']['type'][$key];
/*$file_ext=explode('.',$_FILES['image']['name'][$key]) ;
$file_ext=end($file_ext);*/
$i=1;
if($file_size > 7097152){
$data['errors'][$i]='File '.$i.' size must be less than 7 MB';
$i++;
}
$desired_dir="uploads";
if(empty($data['errors'])==true){
if(is_dir($desired_dir)==false){
mkdir("$desired_dir", 0700); // Create directory if it does not exist
}
if(is_dir("$desired_dir/".$file_name)==false){
move_uploaded_file($file_tmp,"uploads/".$file_name);
$this->post_model->add360Image('property_360_images',$file_name,$this->uri->segment(3));
}else{ //rename the file if another one exist
$new_dir="uploads/".$file_name.time();
rename($file_tmp,$new_dir) ;
}
}else{
$data['contact']=$this->admin_model->getContactDetails();
$data['images']=$this->post_model->getProperty360Images($this->uri->segment(3));
$data['title']='My Profile Image';
$this->load->view('site/static/head',$data);
$this->load->view('site/static/header');
$this->load->view('site/content/upload_360_images');
$this->load->view('site/static/footer');
$this->load->view('site/static/footer_links');
}
}
if(empty($data['errors']))
{
redirect(base_url().'dashboard');
}
else
{
$data['contact']=$this->admin_model->getContactDetails();
$data['images']=$this->post_model->getProperty360Images($this->uri->segment(3));
$data['title']='My Profile Image';
$this->load->view('site/static/head',$data);
$this->load->view('site/static/header');
$this->load->view('site/content/upload_360_images');
$this->load->view('site/static/footer');
$this->load->view('site/static/footer_links');
}
}
}
else
{
$data['contact']=$this->admin_model->getContactDetails();
$data['images']=$this->post_model->getProperty360Images($this->uri->segment(3));
$data['title']='My Profile Image';
$this->load->view('site/static/head',$data);
$this->load->view('site/static/header');
$this->load->view('site/content/upload_360_images');
$this->load->view('site/static/footer');
$this->load->view('site/static/footer_links');
}
}
else
{
redirect(base_url().'user/login');
}
}
Пожалуйста, игнорируйте длинный код, этот код с производства, поэтому я должен поставить много проверок и условий.
проблема
Теперь мой работодатель хочет, чтобы я использовал единый интерфейс для загрузки как простых, так и 360 изображений, и определял природу изображения, используя некоторый алгоритм обнаружения, а затем отображал изображение в том же слайдере изображений, который я использую для статических / простых изображений.
Исследование
Я читаю этот поток в Stackoverflow, который имел немного смысла о чтении метаданных файла, используя EXIF инструмент, но это делает этот процесс довольно ручным.
Вопрос
Я хочу автоматизировать чтение изображений, используя его в своем коде загрузки изображений php, или записать этот алгоритм обнаружения в функцию, которая получает имя изображения в качестве параметра и возвращает тип изображения как обычный или 360. На основе этого возврата я могу легко визуализировать представления. Итак, мой вопрос, как сделать это обнаружение в php?
Я столкнулся с подобной проблемой для платформы Unity3D, но я решил, что с учетом того, что равносторонние изображения обычно имеют пропорцию 2: 1.
Вероятно, ширина 2000px и высота 1000px (я уже видел, как программы генерируют высоты немного выше).
Вот псевдокод, имейте в виду, что этот код рассматривает posX и posY, начиная снизу слева:
//this is how much the image should be close the 2:1 proportion, or 0.5-proportionThreshold.
proportionThreshold = 0.01;
//images smaller than this should not have resolution enough to be a panorama.
//it is important here to
minimumWidth = 2000;
minimumHeight = 1080;
//in case of the image is not a panorama, this variable determines the maximum size it could be projected
maxFill = 0.65;
//what is the amount of the view the pamorama should view:
scaleX = 1;
scaleY = 1;
//where the panorama should be positioned in the view:
posX = 0;
posY = 0;
currentWidth = source.width;
currentHeight = source.height;
if(isFullPanorama()){
Log("Full Panorama");
//the variables are already set for that
}else if(isPartialPanorama()){
Log("Partial Panorama");
scale = currentHeight/currentWidth * 2f;
scaleX = 1;
scaleY = scale;
posX = 0;
posY = 0.5-scale/2;
}else{
Debug.Log("Not Panorama");
proportion = currentHeight/currentWidth;
w = currentWidth > minimumWidth*maxFill ? minimumWidth*maxFill : currentWidth;
scaleX = w / minimumWidth / 2;
scaleY = scaleX * proportion * 2;
if(scaleY>1) {
h = currentHeight > minimumHeight*maxFill ? minimumHeight*maxFill : currentHeight;
scaleY = h / minimumHeight / 2;
scaleX = scaleY * proportion / 2;
}
posX = 0.5-scaleX/2;
posY = 0.5-scaleY/2;
}
bool isFullPanorama(){
proportion = currentHeight/currentWidth;
return proportion>=0.5-proportionThreshold &&
proportion<=0.5+proportionThreshold &&
source.height >= minimumHeight;
}
bool isPartialPanorama(){
return currentHeight/currentWidth<=0.5 &&
source.width >= minimumWidth;
}
В соответствии с Facebook 360 Group:
Еще нет стандарта для пометки фотографии как содержащей 360 контента.
Предполагается, что вы ищете тег EXIF
Projection Type : equirectangular
Вы также можете искать
Use Panorama Viewer : True
Эти два тега присутствуют на фотографиях, сделанных моим LG 360.