photoprism/photoprism

Viewer: Add support for playing 360° videos

Open

#4.718 aberto em 14 de jan. de 2025

Ver no GitHub
 (2 comments) (4 reactions) (0 assignees)Go (39.670 stars) (2.263 forks)batch import
frontendhelp wantedideauxvideo

Description

As a user with 360-degree videos, I would like the full-screen viewer to properly play them with an adjustable angle.

It would be great to finally add support for this, e.g. by extending the existing viewer to dynamically load a library such as Photo Sphere Viewer:

The implementation could follow the same approach as the video support in lightbox.vue:

https://github.com/photoprism/photoprism/blob/55575623c5a3ea529c7a3b8be0ae7b3ad6008cd3/frontend/src/component/lightbox.vue#L539-L540

Changes to the backend may also be required to provide the necessary metadata. We are happy to help with that.

File Samples:

Related Issues:

Guia do colaborador

Pilha de tecnologia
govuejavascript
Domain
full stack
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
3-5 days
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
fresh
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Vue.jsJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
45
Direção de pesquisa
Start by examining the existing video playback implementation in 'frontend/src/component/lightbox.vue' to understand the current approach. Then evaluate the Photo Sphere Viewer library (https://photo sphere viewer.js.org/) for compatibility and integration. Check if backend changes are needed by reviewing how video metadata is handled, potentially in the Go backend. Use the provided sample 360° video and image files for testing. Comment on the issue to discuss any questions or findings with maintainers.