syntropo
commented
1 year ago Thanks for checking out Movie Masher - sorry you're experiencing compilation and runtime issues. Not sure why your editor supplied the path it did, but the import should probably just point to the module like the example in the Client Developer Guide:
import { ApiClient, Masher, MasherDefaultProps } from "@moviemasher/client-react"The runtime issues are arising because the ApiClient component is being included but the server doesn't seem to be running - the initial request from the component is failing to return a valid JSON payload. If you're just testing out the client side, the easy fix is to simply remove this component to avoid making any requests.
Running the server outside Docker is not documented because it requires certain FFmpeg features that don't come in the default binary supplied by fluent-ffmpeg. Supplying cross-platform binaries through the mechanisms that NPM provides is beyond the scope of Movie Masher since only LINUX is supported by the server at this juncture. Hence, Docker is used during development and testing to provide developers with a standard LINUX environment.
That said, it's still possible to run the server on other platforms if you've got a proper build of FFmpeg. Here's an example ExpressJS application from workspaces/example-express/host/server.js that launches the server on port 8572:
const MovieMasherServer = require("@moviemasher/server-express")
const { Host } = MovieMasherServer
const options = {
port: 8572, host: '0.0.0.0',
api: { authentication: { type: 'basic' } }
}
const host = new Host(options)
host.start()You should be able to switch the port to 8570 and execute this script by whatever means you typically launch ExpressJS applications. Even without a custom FFmpeg build you should be able do everything short of rendering video files.
If you already have a server application that you're trying to incorporate Movie Masher into, you might find it easier to just point the client there and then add support for the APIs. The ApiClient component accepts an endpoint prop object that describes the initial request that's made:
const clientProps = {
endpoint: {
protocol: 'http',
host: 'localhost',
port: 8080,
prefix: '/api',
},
children: <Masher { ...props } />
}
const apiClient = <ApiClient { ...clientProps } />On the server side, you'll need to add the endpoint you've specified and return an ApiServersResponse, as described in the Server Developer Guide. In this response you can selectively enable other APIs, as well as override their endpoints to point to other parts of your application.
GREATAJ
Hello, I am unable to run moviemasher client-react on my local without docker through varies required packages.
Then I added these lines of code in my project:-
Tried to run it but I was getting the below errors.
Then I changed the import path and run again but I was getting another errors as below:-
There is no proper documentation to run it without docker. Can you please guide me with some documentation or tutorials.