muxinc / examples

Example playground!

Mux Examples

Get to know Mux by looking through examples! Contributions are always welcome, either in the form of code that lives here or a link to another repo.

Examples

Name	Description	Tags	Languages
ios-live-streaming	An example iOS app that allows you to publish an RTMP stream directly to Mux.	Live, Mobile	Swift
android-live-streaming	An example Android app that allows you to publish an RTMP stream directly to Mux.	Live, Mobile	Java
contentful-uploader	Contentful UI extension that allows you to add Video to your Contentful space.	VOD, CMS, Integration	JavaScript
now-airtable	Zeit Now + Airtable. Build your own personal Video CMS using Now, Next.js, and your own Airtable base.	VOD, CMS	JavaScript
signed-playback-lambda	AWS Lambda that allows you to generate signed Mux playback URLs.	VOD, Serverless	JavaScript
gatsy-example-graphql	Gatsby project that uses Mux's OneGraph-powered GraphQL API	JAMstack, VOD, GraphQL	JavaScript
swift-video-app	Swift app that uses Mux Video, Mux Data and plays audio when the app goes into the background	VOD, Mobile	Swift
swift-data-library-installation	An example Swift app that installs Mux Data using a wrapper library using Swift Package Manager	Mobile, Integration	Swift
aws-recommendation-engine	An example of using Mux Data streaming exports to recommend content with Amazon Personalize	VOD, Serverless	TypeScript
nextjs-mdx-player	A Next.js app configured to support MDX to illustrate supporting MuxPlayer in blog posts.	VOD, CMS	JavaScript

Examples in the wild

These are just things we've found in the wild internet. If you've written or know of one, submit a PR and add it!

Name	Description	Source	Tags	Languages
ReactNative Livestream Example	Livestreaming with React Native & Mux. For more information, see the blog post	Syntx	Live, Mobile	JavaScript
Flutter Video Streaming Example	Video Streaming with Flutter & Mux. Check out the blog post to know more.	Souvik Biswas	MUX Video API	Dart

examples's Issues

Not using latest gradle dependencies.

Not working NetConnection.Connect.Closed

Related shogo4405/HaishinKit.swift#1093

RTMP Stream hang when attach audio

    rtmpStream.attachAudio(AVCaptureDevice.default(for: .audio)) { error in
        print(error.description)
    }

Without this line streaming is working fine but cannot get streaming audio, after add this line for attach audio, video stream hangup and cannot able to stream further. This issue happening after update iOS 16.0.2 version.

[ios-live-streaming] Unable to switch to front camera on low spec devices due to hard wired AVCaptureSession

Today, we use a fixed AVCaptureSession:

.sessionPreset: AVCaptureSession.Preset.hd1920x1080,

This means that if you're trying to use an iPhone 6/6s/6+, you're unable to use the front camera, as they only have 720p front cameras.

We should pick a session preset that's limited by the worst camera on the device instead.

The table on this SO answer should be useful: https://stackoverflow.com/questions/19422322/method-to-find-devices-camera-resolution-ios

SwiftUI RTMP not connecting

RTMP connection not connecting in SwiftUI so is this SDK supports SwiftUI?

java.lang.NoClassDefFoundError: org.bytedeco.javacpp.avutil

java.lang.NoClassDefFoundError: org.bytedeco.javacpp.avutil
    at java.lang.Class.classForName(Native Method)
    at java.lang.Class.forName(Class.java:453)
    at org.bytedeco.javacpp.Loader.load(Loader.java:950)
    at org.bytedeco.javacpp.Loader.load(Loader.java:891)
    at org.bytedeco.javacpp.avformat$Write_packet_Pointer_BytePointer_int.<clinit>(avformat.java:640)
    at org.bytedeco.javacv.FFmpegFrameRecorder.<clinit>(FFmpegFrameRecorder.java:311)
    at com.lakshyacareer.digitalcoaching.activity.LiveStreamActivity.initRecorder(LiveStreamActivity.java:187)
    at com.lakshyacareer.digitalcoaching.activity.LiveStreamActivity.startRecording(LiveStreamActivity.java:210)
    at com.lakshyacareer.digitalcoaching.activity.LiveStreamActivity.onClick(LiveStreamActivity.java:523)
    at android.view.View.performClick(View.java:6612)
    at android.view.View.performClickInternal(View.java:6589)
    at android.view.View.access$3100(View.java:785)
    at android.view.View$PerformClick.run(View.java:25925)
    at android.os.Handler.handleCallback(Handler.java:873)
    at android.os.Handler.dispatchMessage(Handler.java:99)
    at android.os.Looper.loop(Looper.java:201)
    at android.app.ActivityThread.main(ActivityThread.java:6823)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:873)

Android Screen Cast

I can't Cast my screen with Camera Live stream in this app

Can we change stream quality after starting the stream?

We want to change the stream quality based on the speed of an internet in mobile device. Is it related to session preset in below mentioned code or change in bit rate?

Session preset change?
rtmpStream.captureSettings = [ .sessionPreset: AVCaptureSession.Preset.vga640x480, .continuousAutofocus: true, .continuousExposure: true, .fps: profile.frameRate ]

Bit rate changein following methods?
func rtmpStream(_ stream: RTMPStream, didPublishInsufficientBW connection: RTMPConnection) {}
func rtmpStream(_ stream: RTMPStream, didPublishSufficientBW connection: RTMPConnection) {}

Which options will help us to increase or decrease the stream quality based on internet speed after we start the stream from mobile?

[ios-live-streaming] Live stream preview is not showing in full screen

I am trying to display preview view in full screen but it's not showing in full screen. Is there any way to display live stream in full screen?

when app goes in background then only audio should stream continuously without call drop.

when app goes in background then video and audio both stop and call also disconnected (ios-live-streaming)

Camera preview is upside down

The camera preview is upside down when I opened this demo application. Could you let me know how I can correct it?

android streaming

the camera constantly flickers (in any state)

Connection keeps dropping

I'm setting up a stream but connection keeps dropping. Any help?

2021-03-25 17:48:13.720881+0000 MuxLive[776:448931] Metal API Validation Enabled
Broadcast View Controller Init
2021-25-03 17:48:14.150 [Warn] [com.haishinkit.HaishinKit] [VideoIOComponent.swift:163] continuousAutofocus > focusMode(2) is not supported
2021-25-03 17:48:14.154 [Warn] [com.haishinkit.HaishinKit] [VideoIOComponent.swift:222] continuousExposure > exposureMode(2) is not supported
2021-25-03 17:48:14.232 [Info] [com.haishinkit.HaishinKit] [VideoIOComponent.swift:96] fps > (fps: 30.0, duration: __C.CMTime(value: 100, timescale: 3000, flags: __C.CMTimeFlags(rawValue: 1), epoch: 0))
Go Live Button tapped!
Calling connect()
RTMP Status Handler called.
Calling publish()
2021-25-03 17:48:20.919 [Warn] [com.haishinkit.HaishinKit] [RTMPConnection.swift:380] on(status:) > 
RTMP Status Handler called.
RTMP Connection was not successful.
Calling connect()
RTMP Status Handler called.
Calling publish()
2021-25-03 17:48:27.144 [Warn] [com.haishinkit.HaishinKit] [RTMPConnection.swift:380] on(status:) > 
RTMP Status Handler called.
RTMP Connection was not successful.
Calling connect()
RTMP Status Handler called.
Calling publish()
2021-25-03 17:48:33.083 [Warn] [com.haishinkit.HaishinKit] [RTMPConnection.swift:380] on(status:) > 
RTMP Status Handler called.
RTMP Connection was not successful.
Calling connect()
RTMP Status Handler called.
Calling publish()
2021-25-03 17:48:39.077 [Warn] [com.haishinkit.HaishinKit] [RTMPConnection.swift:380] on(status:) > 
RTMP Status Handler called.
RTMP Connection was not successful.
Calling connect()
RTMP Status Handler called.
Calling publish()
2021-25-03 17:48:45.061 [Warn] [com.haishinkit.HaishinKit] [RTMPConnection.swift:380] on(status:) > 
RTMP Status Handler called.
RTMP Connection was not successful.

[UIView bounds] must be used from main thread only

Running the example project as well as my own implementation using LFLiveKit im getting this error in GPUImageView.m .

[UIView bounds] must be used from main thread only on line 238 in this method - (void)recalculateViewGeometry;

I'm using LFLiveKit version 2.6 . I know this is an LFLiveKit issue but that project looks like it hasn't been touched in a few years so doubtful there will be any response.

Im wondering if you've found a work around for this problem? I'm not very familiar with ObjC so im hesitant to try to fix this myself.

Would you consider re-working this example project and replacing LFLiveKit with HaishinKit ? I'm having trouble getting the HaishinKit project to work but it looks like a well maintained and living project and its written in Swift.

iOS app crashes on startup w/physical device (13.3.1)

note: I'm an amateur @ iOS

In example how to mute audio, pause and start video this option are missing

Want to change video codec to VP9

I want to change video codec to VP9 while streaming. I think current version of SDK is using h264 codec by default. How to change codec without changing pod file and what to do if we need to provide support to VP9?

Issue in landscape mode for iOS App

When turning a device into landscape mode on a physical device, the display does not rotate accurately. You can see in the attached image where the camera view only covers half of the screen. While on simulation in XCode, it is displayed correctly.

Device used is iPhone 11 running iOS 13.3.1.