viewer's Introduction

Files viewer for nextcloud

Show your latest holiday photos and videos like in the movies. Show a glimpse of your latest novel directly from your nextcloud. Choose the best GIF of your collection thanks to the direct view of your favorites files!

📋 Current support

Images
Videos

🏗 Development setup

☁ Clone this app into the apps folder of your Nextcloud: git clone https://github.com/nextcloud/viewer.git
👩‍💻 In the folder of the app, run the command make to install dependencies and build the Javascript.
✅ Enable the app through the app management of your Nextcloud
🎉 Partytime!

🧙 Advanced development stuff

To build the Javascript whenever you make changes, instead of the full make you can also run make build-js.

🔍 Add you own file view

If you want to make your app compatible with this app, you can use the OCA.Viewer methods

Create a vue component which use the path and mime props (they will be automatically passed by the viewer)

 import VideoView from 'VideoView.vue'

 OCA.Viewer.registerHandler({
     // unique id
     id: 'video',

    // optional, it will group every view of this group and
    // use the proper view when building the file list
    // of the slideshow.
    // e.g. you open an image/jpeg that have the `media` group
    // you will be able to see the video/mpeg from the `video` handler
    // files that also have the `media` group set.
    group: 'media',

    // the list of mimes your component is able to display
    mimes: [
         'video/mpeg',
         'video/ogg',
         'video/webm',
         'video/mp4'
     ],

     // your vue component view
     component: VideoView
 })

if you feel like your mime should be integrated on this repo, you can also create a pull request with your object on the models directory and the view on the components directory. Please have a look at what's already here and take example of it. 🙇‍♀️

Recommend Projects