sbis04/flutter_stream

A sample Flutter project for demonstrating how to integrate video streaming service with the help of MUX.

Flutter Video Streaming (MUX integration)

A sample Flutter project for demonstrating how to integrate video streaming service with the help of MUX.

To get step-by-step information on how to build this app, check out the article "Integrating video streaming with Flutter using Mux"

Usage

If you want to try this sample app, follow the steps mentioned below (the app uses a backend API server for sending the requests to MUX):

• Clone this GitHub repository

  https://github.com/sbis04/flutter_stream.git

• Create a .env file in the directory flutter_stream/mux-api-server with the following content:

  MUX_TOKEN_ID="<mux_token_id>"
  MUX_TOKEN_SECRET="<mux_token_secret>"

• Generate MUX API Access Token from here (if you don't have a MUX account, create one by going here)

• This will generate a Token ID and Token Secret, add them to the .env file

• Run the API server (for testing) using the following command from the directory flutter_stream/mux-api-server:

  node main.js

• Get packages by running the following from the root directory:

  flutter pub get

Now, you are ready to run this app on your device, just use the this command:

cd flutter_stream
fluter run

Plugins

The plugins that are used in this app are as follows:

• dio - for making HTTP POST and GET requests
• video_player - for previewing the video to be streamed
• intl - to format DateTime objects

Testing

Used the plugin http_mock_adapter for writing a few API mocking tests in Dart.

License

Copyright (c) 2021 Souvik Biswas

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

flutter_stream's Issues

node

Hello
When i clone and run node main.js

ak@ak-Inspiron-5447:~/flutteradmin/flutter_stream$ node main.js
internal/modules/cjs/loader.js:818
throw err;
^

Error: Cannot find module '/home/ak/flutteradmin/flutter_stream/main.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
at Function.Module._load (internal/modules/cjs/loader.js:667:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
ak@ak-Inspiron-5447:/flutteradmin/flutter_stream$ node -v
v12.22.5
ak@ak-Inspiron-5447:/flutteradmin/flutter_stream$ npm install
npm WARN saveError ENOENT: no such file or directory, open '/home/ak/flutteradmin/flutter_stream/package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open '/home/ak/flutteradmin/flutter_stream/package.json'
npm WARN flutter_stream No description
npm WARN flutter_stream No repository field.
npm WARN flutter_stream No README data
npm WARN flutter_stream No license field.

up to date in 1.923s
found 0 vulnerabilities

╭────────────────────────────────────────────────────────────────╮
│ │
│ New major version of npm available! 6.14.14 → 7.21.1 │
│ Changelog: https://github.com/npm/cli/releases/tag/v7.21.1 │
│ Run npm install -g npm to update! │
│ │
╰────────────────────────────────────────────────────────────────╯

ak@ak-Inspiron-5447:~/flutteradmin/flutter_stream$ node main.js
internal/modules/cjs/loader.js:818
throw err;
^

Error: Cannot find module '/home/ak/flutteradmin/flutter_stream/main.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
at Function.Module._load (internal/modules/cjs/loader.js:667:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}

Video Preview issue

Why is it like the video plays in debug mode and it gets stuck on the first frame after the loader progress gets done and nothing happens further in release mode. Anyone?

Can you add secrets.dart file?

Can you add secrets.dart file inside flutter stream?

Error please fix