Cabbage 3 SlideShow Player, Movie Player, Playlist Player

[Dr_Richard_Boulanger]

Hello Rory,

I am always inspired by your work, and very excited to make the move, with my Berklee and my private students, from Cabbage 2 to Cabbage 3 once released. At Berklee, we are currently working a lot with Cabbage 2.8, 2.9. 2.10 beta, and recently, a few of them were asking if Cabbage 2 had a “movie” widget similar to that “image” widget. We are pretty good at making “slide” shows and having images pop up on the screen when certain buttons are pressed and certain songs are played. I don’t imagine you will be adding new “widgets” to Cabbage 2 at this point, so I am wondering if you might have an example of a slideshow player (a music and art gallery app) running in Cabbage 3. Or even better, maybe Cabbage 3 supports loading and, randomly or sequentially, displaying a folder of movies, or a folder of images, or a folder of mp3 audio files, or all three?

Can’t wait to see and share all of the new possibilities. And thank you again for ALL the inspiration. Your Cabbage has made my Csound classes so relevant for so many more students. They all end one semester with plugins that they are using in the production projects and thesis research. They all thank you.

[hdale94]

With Cabbage 3 you can build custom interfaces for your plugins using HTML, JS and CSS. This makes things a lot more flexible in terms of developing your own widgets.

I would recommend checking out this thread if you’re curious, I’ve made a npm-package for exactly this!

Cabbage React - Build custom UIs for Cabbage 3 with React

Hi everyone, Just wanted to share a package I’ve built to make it easier to create custom UIs for Cabbage 3 using React: cabbage-react provides React hooks to simplify communication between your UI and the Cabbage host. It handles both sending and receiving of data updates for channel values and properties. You can find an example implementation here:

[rorywalsh]

Hi @Dr_Richard_Boulanger, sorry for the delay is getting back to you on this. I think for your needs @hdale94’s framework might be overkill. It should be pretty simple to create a movie player example in vanilla JS/html. I’ll throw together an example as soon as I get a chance Thanks, as always, to you and your students for your unwavering support for Cabbage

[rorywalsh]

I just tested here. If you use a custom UI it’s as simple as adding:

<video id="myVideo" controls preload="metadata" playsinline>
        <source src="movie.mp4" type="video/mp4" />
</video>

One could also create a custom widget to do this. Then you’d be able to modify and edit it within Cabbage itself. I’ve attached a zip. If you export a dummy plugin VST, you can simple replace the index.html with the one in this zip file, along with the sample video. VideoPlayer.zip (560.8 KB)