photoprism/photoprism

Viewer: Add support for playing 360° videos

Open

#4 718 ouverte le 14 janv. 2025

Voir sur GitHub
 (2 commentaires) (4 réactions) (0 assignés)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:

Guide contributeur

Stack technique
govuejavascript
Domaine
full stack
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
3-5 days
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Vue.jsJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
45
Direction de recherche
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.