",
7 | "license": "MIT",
8 | "private": false,
9 | "dependencies": {
10 | "@mux/mux-node": "^2.4.0"
11 | },
12 | "devDependencies": {
13 | "netlify-lambda": "^1.6.3"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/signed-playback-netlify/src/mux_signatures.js:
--------------------------------------------------------------------------------
1 | import Mux from '@mux/mux-node';
2 |
3 | export const signPlaybackId = function (playbackId) {
4 | return Mux.JWT.sign(playbackId, {
5 | keyId: process.env.MUX_SIGNING_KEY,
6 | keySecret: process.env.MUX_PRIVATE_KEY
7 | })
8 | }
9 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.env.example:
--------------------------------------------------------------------------------
1 | MUX_TOKEN_ID=
2 | MUX_TOKEN_SECRET=
3 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.eslintignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /build
4 | /.svelte-kit
5 | /package
6 | .env
7 | .env.*
8 | !.env.example
9 |
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | /** @type { import("eslint").Linter.Config } */
2 | module.exports = {
3 | root: true,
4 | extends: [
5 | 'eslint:recommended',
6 | 'plugin:@typescript-eslint/recommended',
7 | 'plugin:svelte/recommended',
8 | 'prettier'
9 | ],
10 | parser: '@typescript-eslint/parser',
11 | plugins: ['@typescript-eslint'],
12 | parserOptions: {
13 | sourceType: 'module',
14 | ecmaVersion: 2020,
15 | extraFileExtensions: ['.svelte']
16 | },
17 | env: {
18 | browser: true,
19 | es2017: true,
20 | node: true
21 | },
22 | overrides: [
23 | {
24 | files: ['*.svelte'],
25 | parser: 'svelte-eslint-parser',
26 | parserOptions: {
27 | parser: '@typescript-eslint/parser'
28 | }
29 | }
30 | ]
31 | };
32 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /build
4 | /.svelte-kit
5 | /package
6 | .env
7 | .env.*
8 | !.env.example
9 | vite.config.js.timestamp-*
10 | vite.config.ts.timestamp-*
11 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.prettierignore:
--------------------------------------------------------------------------------
1 | # Ignore files for PNPM, NPM and YARN
2 | pnpm-lock.yaml
3 | package-lock.json
4 | yarn.lock
5 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "useTabs": true,
3 | "singleQuote": true,
4 | "trailingComma": "none",
5 | "printWidth": 100,
6 | "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
7 | "overrides": [
8 | {
9 | "files": "*.svelte",
10 | "options": {
11 | "parser": "svelte"
12 | }
13 | }
14 | ]
15 | }
16 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "sveltekit-uploader-and-player",
3 | "version": "0.0.1",
4 | "private": true,
5 | "scripts": {
6 | "dev": "vite dev",
7 | "build": "vite build",
8 | "preview": "vite preview",
9 | "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
10 | "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
11 | "lint": "prettier --check . && eslint .",
12 | "format": "prettier --write ."
13 | },
14 | "devDependencies": {
15 | "@sveltejs/adapter-auto": "^3.0.0",
16 | "@sveltejs/kit": "^2.0.0",
17 | "@sveltejs/vite-plugin-svelte": "^3.0.0",
18 | "@types/eslint": "^8.56.0",
19 | "@typescript-eslint/eslint-plugin": "^7.0.0",
20 | "@typescript-eslint/parser": "^7.0.0",
21 | "autoprefixer": "^10.4.16",
22 | "eslint": "^8.56.0",
23 | "eslint-config-prettier": "^9.1.0",
24 | "eslint-plugin-svelte": "^2.36.0-next.4",
25 | "postcss": "^8.4.32",
26 | "postcss-load-config": "^5.0.2",
27 | "prettier": "^3.1.1",
28 | "prettier-plugin-svelte": "^3.1.2",
29 | "prettier-plugin-tailwindcss": "^0.5.9",
30 | "svelte": "^5.0.0-next.1",
31 | "svelte-check": "^3.6.0",
32 | "tailwindcss": "^3.3.6",
33 | "tslib": "^2.4.1",
34 | "typescript": "^5.0.0",
35 | "vite": "^5.0.3"
36 | },
37 | "type": "module",
38 | "dependencies": {
39 | "@mux/mux-node": "^8.2.3",
40 | "@mux/mux-player": "^2.4.1",
41 | "@mux/mux-uploader": "^1.0.0-beta.15"
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/postcss.config.cjs:
--------------------------------------------------------------------------------
1 | const tailwindcss = require('tailwindcss');
2 | const autoprefixer = require('autoprefixer');
3 |
4 | const config = {
5 | plugins: [
6 | //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
7 | tailwindcss(),
8 | //But others, like autoprefixer, need to run after,
9 | autoprefixer
10 | ]
11 | };
12 |
13 | module.exports = config;
14 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/app.d.ts:
--------------------------------------------------------------------------------
1 | // See https://kit.svelte.dev/docs/types#app
2 | // for information about these interfaces
3 | declare global {
4 | namespace App {
5 | // interface Error {}
6 | // interface Locals {}
7 | // interface PageData {}
8 | // interface PageState {}
9 | // interface Platform {}
10 | }
11 | }
12 |
13 | export {};
14 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/app.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | %sveltekit.body%
11 |
12 |
13 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/app.pcss:
--------------------------------------------------------------------------------
1 | /* Write your global styles here, in PostCSS syntax */
2 | @tailwind base;
3 | @tailwind components;
4 | @tailwind utilities;
5 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/lib/mux.ts:
--------------------------------------------------------------------------------
1 | import Mux from '@mux/mux-node';
2 | import { MUX_TOKEN_ID, MUX_TOKEN_SECRET } from '$env/static/private';
3 |
4 | const mux = new Mux({
5 | tokenId: MUX_TOKEN_ID,
6 | tokenSecret: MUX_TOKEN_SECRET
7 | });
8 |
9 | export default mux;
10 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/+layout.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
8 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/+page.server.ts:
--------------------------------------------------------------------------------
1 | import mux from '$lib/mux';
2 | import type { Actions, PageServerLoad } from './$types';
3 | import { redirect, fail } from '@sveltejs/kit';
4 |
5 | export const load = (async () => {
6 | // Create an endpoint for MuxUploader to upload to
7 | const upload = await mux.video.uploads.create({
8 | new_asset_settings: {
9 | playback_policy: ['public'],
10 | encoding_tier: 'baseline'
11 | },
12 | // in production, you'll want to change this origin to your-domain.com
13 | cors_origin: '*'
14 | });
15 | return { id: upload.id, url: upload.url };
16 | }) satisfies PageServerLoad;
17 |
18 | export const actions = {
19 | default: async ({ request }) => {
20 | const formData = await request.formData();
21 | const uploadId = formData.get('id');
22 | const uploadUrl = formData.get('url');
23 | if (typeof uploadId !== 'string') {
24 | return fail(400, { id: uploadId, url: uploadUrl, message: 'No uploadId found' });
25 | }
26 |
27 | // when the upload is complete,
28 | // the upload will have an assetId associated with it
29 | // we'll use that assetId to view the video status
30 | const upload = await mux.video.uploads.retrieve(uploadId);
31 | if (upload.asset_id) {
32 | redirect(303, `/status/${upload.asset_id}`);
33 | }
34 |
35 | // while onSuccess is a strong indicator that Mux has received the file
36 | // and created the asset, this isn't a guarantee.
37 | // In production, you might write an api route
38 | // to listen for the`video.upload.asset_created` webhook
39 | // https://docs.mux.com/guides/listen-for-webhooks
40 | // However, to keep things simple here,
41 | // we'll just ask the user to push the button again.
42 | // This should rarely happen.
43 | return fail(409, {
44 | id: uploadId,
45 | url: uploadUrl,
46 | message: 'Upload has no asset yet. Try again.'
47 | });
48 | }
49 | } satisfies Actions;
50 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
46 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/api/mux/webhook/+server.ts:
--------------------------------------------------------------------------------
1 | import mux from '$lib/mux';
2 | import { json, type RequestHandler } from '@sveltejs/kit';
3 | import { MUX_WEBHOOK_SIGNING_SECRET } from '$env/static/private';
4 |
5 | // while this isn't called anywhere in this example,
6 | // It might be helpful to see what a mux webhook handler looks like.
7 |
8 | export const POST: RequestHandler = async ({ request }) => {
9 | const body = await request.text();
10 | // mux.webhooks.unwrap will validate that the given payload was sent by Mux and parse the payload.
11 | // It will also provide type-safe access to the payload.
12 | // Generate MUX_WEBHOOK_SIGNING_SECRET in the Mux dashboard
13 | // https://dashboard.mux.com/settings/webhooks
14 | const event = mux.webhooks.unwrap(body, request.headers, MUX_WEBHOOK_SIGNING_SECRET);
15 |
16 | // you can also unwrap the payload yourself:
17 | // const event = await request.json();
18 | switch (event.type) {
19 | case 'video.upload.asset_created':
20 | // we might use this to know that an upload has been completed
21 | // and we can save its assetId to our database
22 | break;
23 | case 'video.asset.ready':
24 | // we might use this to know that a video has been encoded
25 | // and we can save its playbackId to our database
26 | break;
27 | // there are many more Mux webhook events
28 | // check them out at https://docs.mux.com/webhook-reference
29 | default:
30 | break;
31 | }
32 |
33 | return json({ message: 'ok' });
34 | };
35 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/playback/[playbackId]/+page.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 | This video is ready for playback
13 |
14 |
15 |
22 |
23 | Go
24 | back home
25 | to upload another video.
26 |
27 |
28 |
29 | {title}
30 |
55 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/status/[assetId]/+page.server.ts:
--------------------------------------------------------------------------------
1 | import { error, redirect } from '@sveltejs/kit';
2 | import type { PageServerLoad } from './$types';
3 | import mux from '$lib/mux';
4 |
5 | export const load: PageServerLoad = (async ({ params }) => {
6 | // now that we have an assetId, we can see how the video is doing.
7 | // in production, you might have some setup where a Mux webhook
8 | // tells your server the status of your asset.
9 | // https://docs.mux.com/guides/listen-for-webhooks
10 | // for this example, however, we'll just ask the Mux API ourselves
11 | const { assetId } = params;
12 | if (typeof assetId !== 'string') {
13 | error(404, { message: 'No assetId found' });
14 | }
15 | const asset = await mux.video.assets.retrieve(assetId);
16 |
17 | // if the asset is ready and it has a public playback ID,
18 | // (which it should, considering the upload settings we used)
19 | // redirect to its playback page
20 | if (asset.status === 'ready') {
21 | const playbackIds = asset.playback_ids;
22 | if (Array.isArray(playbackIds)) {
23 | const playbackId = playbackIds.find((id) => id.policy === 'public');
24 | if (playbackId) {
25 | redirect(303, `/playback/${playbackId.id}`);
26 | }
27 | }
28 | }
29 |
30 | // if the asset is not ready, we'll keep polling
31 | return {
32 | status: asset.status,
33 | errors: asset.errors
34 | };
35 | }) satisfies PageServerLoad;
36 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/src/routes/status/[assetId]/+page.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 | {#if data.status === 'preparing'}
18 | Asset is preparing...
19 | {:else}
20 |
25 |
26 | Asset is in an unexpected state: {data.status}.
27 |
28 | {#if Array.isArray(data.errors)}
29 |
30 | {#each data.errors as error}
31 | {JSON.stringify(error)}
32 | {/each}
33 |
34 | {/if}
35 |
36 | This is awkward. Let's
40 | refresh
41 | and try again.
42 |
43 | {/if}
44 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muxinc/examples/b4ec828052003854aa6b3037f59bb655440b1f11/sveltekit-uploader-and-player/static/favicon.png
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/svelte.config.js:
--------------------------------------------------------------------------------
1 | import adapter from '@sveltejs/adapter-auto';
2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors
7 | // for more information about preprocessors
8 | preprocess: [vitePreprocess({})],
9 |
10 | kit: {
11 | // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12 | // If your environment is not supported or you settled on a specific environment, switch out the adapter.
13 | // See https://kit.svelte.dev/docs/adapters for more information about adapters.
14 | adapter: adapter()
15 | }
16 | };
17 |
18 | export default config;
19 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/tailwind.config.cjs:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config}*/
2 | const config = {
3 | content: ['./src/**/*.{html,js,svelte,ts}'],
4 |
5 | theme: {
6 | extend: {}
7 | },
8 |
9 | plugins: []
10 | };
11 |
12 | module.exports = config;
13 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true,
12 | "moduleResolution": "bundler"
13 | }
14 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
15 | // except $lib which is handled by https://kit.svelte.dev/docs/configuration#files
16 | //
17 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
18 | // from the referenced tsconfig.json - TypeScript does not merge them in
19 | }
20 |
--------------------------------------------------------------------------------
/sveltekit-uploader-and-player/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import { defineConfig } from 'vite';
3 |
4 | export default defineConfig({
5 | plugins: [sveltekit()]
6 | });
7 |
--------------------------------------------------------------------------------
/swift-data-library-installation/MuxDataContainer/.swiftpm/xcode/package.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/swift-data-library-installation/MuxDataContainer/.swiftpm/xcode/package.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | IDEDidComputeMac32BitWarning
6 |
8 |
9 |
--------------------------------------------------------------------------------
/swift-data-library-installation/MuxDataContainer/Package.swift:
--------------------------------------------------------------------------------
1 | // swift-tools-version: 5.8
2 | // The swift-tools-version declares the minimum version of Swift required to build this package.
3 |
4 | import PackageDescription
5 |
6 | let package = Package(
7 | name: "MuxDataContainer",
8 | platforms: [
9 | .iOS(.v15),
10 | .macCatalyst(.v15)
11 | ],
12 | products: [
13 | // Products define the executables and libraries a package produces, making them visible to other packages.
14 | .library(
15 | name: "MuxDataContainer",
16 | targets: [
17 | "MuxDataContainer"
18 | ]
19 | ),
20 | ],
21 | dependencies: [
22 | .package(
23 | url: "https://github.com/muxinc/mux-stats-sdk-avplayer.git",
24 | from: "3.3.2"
25 | )
26 | ],
27 | targets: [
28 | // Targets are the basic building blocks of a package, defining a module or a test suite.
29 | // Targets can depend on other targets in this package and products from dependencies.
30 | .target(
31 | name: "MuxDataContainer",
32 | dependencies: [
33 | .product(
34 | name: "MUXSDKStats",
35 | package: "mux-stats-sdk-avplayer"
36 | )
37 | ]
38 | ),
39 | .testTarget(
40 | name: "MuxDataContainerTests",
41 | dependencies: [
42 | "MuxDataContainer"
43 | ]
44 | ),
45 | ]
46 | )
47 |
--------------------------------------------------------------------------------
/swift-data-library-installation/MuxDataContainer/Sources/MuxDataContainer/MonitoringContainer.swift:
--------------------------------------------------------------------------------
1 | //
2 | // MonitoringContainer.swift
3 | //
4 | //
5 |
6 | import AVFoundation
7 | import AVKit
8 | import Foundation
9 |
10 | import MuxCore
11 | import MUXSDKStats
12 |
13 | public class MonitoringContainer {
14 |
15 | public static let shared = MonitoringContainer()
16 |
17 | public func monitor(
18 | playerViewController: AVPlayerViewController,
19 | playerName: String,
20 | videoID: String,
21 | videoTitle: String,
22 | environmentKey: String?
23 | ) {
24 |
25 | let playerData = MUXSDKCustomerPlayerData()
26 | playerData.environmentKey = environmentKey
27 |
28 | let videoData = MUXSDKCustomerVideoData()
29 | videoData.videoId = videoID
30 | videoData.videoTitle = videoTitle
31 |
32 | let customerData = MUXSDKCustomerData(
33 | customerPlayerData: playerData,
34 | videoData: videoData,
35 | viewData: nil
36 | )!
37 |
38 | MUXSDKStats.monitorAVPlayerViewController(
39 | playerViewController,
40 | withPlayerName: playerName,
41 | customerData: customerData
42 | )
43 | }
44 |
45 | public func monitor(
46 | playerLayer: AVPlayerLayer,
47 | playerName: String,
48 | videoID: String,
49 | videoTitle: String,
50 | environmentKey: String?
51 | ) {
52 |
53 | let playerData = MUXSDKCustomerPlayerData()
54 | playerData.environmentKey = environmentKey
55 |
56 | let videoData = MUXSDKCustomerVideoData()
57 | videoData.videoId = videoID
58 | videoData.videoTitle = videoTitle
59 |
60 | let customerData = MUXSDKCustomerData(
61 | customerPlayerData: playerData,
62 | videoData: videoData,
63 | viewData: nil
64 | )!
65 |
66 | MUXSDKStats.monitorAVPlayerLayer(
67 | playerLayer,
68 | withPlayerName: playerName,
69 | customerData: customerData
70 | )
71 | }
72 |
73 | public func destroyPlayer(
74 | _ playerName: String
75 | ) {
76 | MUXSDKStats.destroyPlayer(playerName)
77 | }
78 |
79 | }
80 |
--------------------------------------------------------------------------------
/swift-data-library-installation/MuxDataContainer/Sources/MuxDataContainer/ProcessInfo+Mux.swift:
--------------------------------------------------------------------------------
1 | //
2 | // ProcessInfo+Mux.swift
3 | // SwiftDataLibraryInstallation
4 | //
5 |
6 | import Foundation
7 |
8 | public extension ProcessInfo {
9 | var environmentKey: String? {
10 | guard let value = environment["ENV_KEY"],
11 | !value.isEmpty else {
12 | return nil
13 | }
14 |
15 | return value
16 | }
17 |
18 | var playbackID: String? {
19 | guard let value = environment["PLAYBACK_ID"],
20 | !value.isEmpty else {
21 | return nil
22 | }
23 |
24 | return value
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/swift-data-library-installation/MuxDataContainer/Tests/MuxDataContainerTests/MuxDataContainerTests.swift:
--------------------------------------------------------------------------------
1 | import XCTest
2 | @testable import MuxDataContainer
3 |
4 | final class MuxDataContainerTests: XCTestCase {
5 | func testExample() throws {
6 | // XCTest Documentation
7 | // https://developer.apple.com/documentation/xctest
8 |
9 | // Defining Test Cases and Test Methods
10 | // https://developer.apple.com/documentation/xctest/defining_test_cases_and_test_methods
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/swift-data-library-installation/README.md:
--------------------------------------------------------------------------------
1 | # Integrating Mux Data in multiple applications
2 |
3 | If you intend to use Mux Data across multiple iOS, iPadOS, and Mac Catalyst applications, code specific to Mux Data can be shared using [Swift Package Manager](https://www.swift.org/package-manager/).
4 |
5 | This example application installs the Mux Data SDK for AVPlayer as a dependency to a Swift package library target: `MuxDataContainer`.
6 |
7 | ## Using Swift Package Manager with Xcode
8 |
9 | See the Xcode guide for [adding package dependencies to your app](https://developer.apple.com/documentation/xcode/adding-package-dependencies-to-your-app) on how to install Swift Package Manager dependencies for your application using Xcode.
10 |
11 | ## Best practices when adapting this example
12 |
13 | `MuxDataContainer` in this example is only a passthrough wrapper that wraps `MUXSDKStats` APIs for starting and stopping player monitoring. When using this pattern for your own applications, `MuxDataContainer` is where you'd place code intended to be used alongside Mux Data that is specific to your use case and shared across multiple applications.
14 |
15 | For simplicity, this example confgures `MuxDataContainer` as a local package as described in [organizing your code with local packages](https://developer.apple.com/documentation/xcode/organizing-your-code-with-local-packages). A local package is suitable for an initial test and does not require a separate git repository for distribution.
16 |
17 | ### Not using Swift?
18 |
19 | Note: *Although this example is in Swift, Swift Package Manager supports reusing Swift, Objective-C, Objective-C++, C, or C++ components. Generally, as of the time of writing, SPM does not support mixing multiple languages in the same SPM target, consult Apple and SPM documentation linked throughout for more details.*
20 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation.xcodeproj/project.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | IDEDidComputeMac32BitWarning
6 |
8 |
9 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation/AppDelegate.swift:
--------------------------------------------------------------------------------
1 | //
2 | // AppDelegate.swift
3 | // SwiftDataLibraryInstallation
4 | //
5 |
6 | import UIKit
7 |
8 | @main
9 | class AppDelegate: UIResponder, UIApplicationDelegate {
10 |
11 |
12 |
13 | func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
14 | // Override point for customization after application launch.
15 | return true
16 | }
17 |
18 | // MARK: UISceneSession Lifecycle
19 |
20 | func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration {
21 | // Called when a new scene session is being created.
22 | // Use this method to select a configuration to create the new scene with.
23 | return UISceneConfiguration(name: "Default Configuration", sessionRole: connectingSceneSession.role)
24 | }
25 |
26 | func application(_ application: UIApplication, didDiscardSceneSessions sceneSessions: Set) {
27 | // Called when the user discards a scene session.
28 | // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions.
29 | // Use this method to release any resources that were specific to the discarded scenes, as they will not return.
30 | }
31 |
32 |
33 | }
34 |
35 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation/Assets.xcassets/AccentColor.colorset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "colors" : [
3 | {
4 | "idiom" : "universal"
5 | }
6 | ],
7 | "info" : {
8 | "author" : "xcode",
9 | "version" : 1
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "universal",
5 | "platform" : "ios",
6 | "size" : "1024x1024"
7 | }
8 | ],
9 | "info" : {
10 | "author" : "xcode",
11 | "version" : 1
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "author" : "xcode",
4 | "version" : 1
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation/Base.lproj/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
19 |
20 |
22 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallation/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | UIApplicationSceneManifest
6 |
7 | UIApplicationSupportsMultipleScenes
8 | UISceneConfigurations
10 |
11 | UIWindowSceneSessionRoleApplication
12 |
13 |
14 | UISceneConfigurationName
15 | Default Configuration
16 | UISceneDelegateClassName
17 | $(PRODUCT_MODULE_NAME).SceneDelegate
18 | UISceneStoryboardFile
19 | Main
20 |
21 |
22 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallationTests/SwiftDataLibraryInstallationTests.swift:
--------------------------------------------------------------------------------
1 | //
2 | // SwiftDataLibraryInstallationTests.swift
3 | // SwiftDataLibraryInstallationTests
4 | //
5 |
6 | import XCTest
7 | @testable import SwiftDataLibraryInstallation
8 |
9 | final class SwiftDataLibraryInstallationTests: XCTestCase {
10 |
11 | override func setUpWithError() throws {
12 | // Put setup code here. This method is called before the invocation of each test method in the class.
13 | }
14 |
15 | override func tearDownWithError() throws {
16 | // Put teardown code here. This method is called after the invocation of each test method in the class.
17 | }
18 |
19 | func testExample() throws {
20 | // This is an example of a functional test case.
21 | // Use XCTAssert and related functions to verify your tests produce the correct results.
22 | // Any test you write for XCTest can be annotated as throws and async.
23 | // Mark your test throws to produce an unexpected failure when your test encounters an uncaught error.
24 | // Mark your test async to allow awaiting for asynchronous code to complete. Check the results with assertions afterwards.
25 | }
26 |
27 | func testPerformanceExample() throws {
28 | // This is an example of a performance test case.
29 | self.measure {
30 | // Put the code you want to measure the time of here.
31 | }
32 | }
33 |
34 | }
35 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallationUITests/SwiftDataLibraryInstallationUITests.swift:
--------------------------------------------------------------------------------
1 | //
2 | // SwiftDataLibraryInstallationUITests.swift
3 | // SwiftDataLibraryInstallationUITests
4 | //
5 |
6 | import XCTest
7 |
8 | final class SwiftDataLibraryInstallationUITests: XCTestCase {
9 |
10 | override func setUpWithError() throws {
11 | // Put setup code here. This method is called before the invocation of each test method in the class.
12 |
13 | // In UI tests it is usually best to stop immediately when a failure occurs.
14 | continueAfterFailure = false
15 |
16 | // In UI tests it’s important to set the initial state - such as interface orientation - required for your tests before they run. The setUp method is a good place to do this.
17 | }
18 |
19 | override func tearDownWithError() throws {
20 | // Put teardown code here. This method is called after the invocation of each test method in the class.
21 | }
22 |
23 | func testExample() throws {
24 | // UI tests must launch the application that they test.
25 | let app = XCUIApplication()
26 | app.launch()
27 |
28 | // Use XCTAssert and related functions to verify your tests produce the correct results.
29 | }
30 |
31 | func testLaunchPerformance() throws {
32 | if #available(macOS 10.15, iOS 13.0, tvOS 13.0, watchOS 7.0, *) {
33 | // This measures how long it takes to launch your application.
34 | measure(metrics: [XCTApplicationLaunchMetric()]) {
35 | XCUIApplication().launch()
36 | }
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/swift-data-library-installation/SwiftDataLibraryInstallation/SwiftDataLibraryInstallationUITests/SwiftDataLibraryInstallationUITestsLaunchTests.swift:
--------------------------------------------------------------------------------
1 | //
2 | // SwiftDataLibraryInstallationUITestsLaunchTests.swift
3 | // SwiftDataLibraryInstallationUITests
4 | //
5 |
6 | import XCTest
7 |
8 | final class SwiftDataLibraryInstallationUITestsLaunchTests: XCTestCase {
9 |
10 | override class var runsForEachTargetApplicationUIConfiguration: Bool {
11 | true
12 | }
13 |
14 | override func setUpWithError() throws {
15 | continueAfterFailure = false
16 | }
17 |
18 | func testLaunch() throws {
19 | let app = XCUIApplication()
20 | app.launch()
21 |
22 | // Insert steps here to perform after app launch but before taking a screenshot,
23 | // such as logging into a test account or navigating somewhere in the app
24 |
25 | let attachment = XCTAttachment(screenshot: app.screenshot())
26 | attachment.name = "Launch Screen"
27 | attachment.lifetime = .keepAlways
28 | add(attachment)
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp.xcodeproj/project.xcworkspace/contents.xcworkspacedata:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | IDEDidComputeMac32BitWarning
6 |
8 |
9 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved:
--------------------------------------------------------------------------------
1 | {
2 | "pins" : [
3 | {
4 | "identity" : "mux-stats-sdk-avplayer",
5 | "kind" : "remoteSourceControl",
6 | "location" : "https://github.com/muxinc/mux-stats-sdk-avplayer.git",
7 | "state" : {
8 | "revision" : "5a310713d8330cb2c8e4755d9a80088697536d65",
9 | "version" : "3.3.2"
10 | }
11 | },
12 | {
13 | "identity" : "stats-sdk-objc",
14 | "kind" : "remoteSourceControl",
15 | "location" : "https://github.com/muxinc/stats-sdk-objc.git",
16 | "state" : {
17 | "revision" : "a1f6cf4e20e71257c8657bbbff1ac9771bb39a52",
18 | "version" : "4.5.2"
19 | }
20 | }
21 | ],
22 | "version" : 2
23 | }
24 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp.xcodeproj/project.xcworkspace/xcuserdata/dylanjhaveri.xcuserdatad/UserInterfaceState.xcuserstate:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muxinc/examples/b4ec828052003854aa6b3037f59bb655440b1f11/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp.xcodeproj/project.xcworkspace/xcuserdata/dylanjhaveri.xcuserdatad/UserInterfaceState.xcuserstate
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp.xcodeproj/xcuserdata/dylanjhaveri.xcuserdatad/xcschemes/xcschememanagement.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | SchemeUserState
6 |
7 | MuxExampleVideoApp.xcscheme_^#shared#^_
8 |
9 | orderHint
10 | 0
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/.gitignore:
--------------------------------------------------------------------------------
1 | # Xcode
2 | #
3 | # gitignore contributors: remember to update Global/Xcode.gitignore, Objective-C.gitignore & Swift.gitignore
4 |
5 | ## User settings
6 | xcuserdata/
7 |
8 | ## compatibility with Xcode 8 and earlier (ignoring not required starting Xcode 9)
9 | *.xcscmblueprint
10 | *.xccheckout
11 |
12 | ## compatibility with Xcode 3 and earlier (ignoring not required starting Xcode 4)
13 | build/
14 | DerivedData/
15 | *.moved-aside
16 | *.pbxuser
17 | !default.pbxuser
18 | *.mode1v3
19 | !default.mode1v3
20 | *.mode2v3
21 | !default.mode2v3
22 | *.perspectivev3
23 | !default.perspectivev3
24 |
25 | ## Obj-C/Swift specific
26 | *.hmap
27 |
28 | ## App packaging
29 | *.ipa
30 | *.dSYM.zip
31 | *.dSYM
32 |
33 | ## Playgrounds
34 | timeline.xctimeline
35 | playground.xcworkspace
36 |
37 | # Swift Package Manager
38 | #
39 | # Add this line if you want to avoid checking in source code from Swift Package Manager dependencies.
40 | # Packages/
41 | # Package.pins
42 | # Package.resolved
43 | # *.xcodeproj
44 | #
45 | # Xcode automatically generates this directory with a .xcworkspacedata file and xcuserdata
46 | # hence it is not needed unless you have added a package configuration file to your project
47 | # .swiftpm
48 |
49 | .build/
50 |
51 | # CocoaPods
52 | #
53 | # We recommend against adding the Pods directory to your .gitignore. However
54 | # you should judge for yourself, the pros and cons are mentioned at:
55 | # https://guides.cocoapods.org/using/using-cocoapods.html#should-i-check-the-pods-directory-into-source-control
56 | #
57 | # Pods/
58 | #
59 | # Add this line if you want to avoid checking in source code from the Xcode workspace
60 | # *.xcworkspace
61 |
62 | # Carthage
63 | #
64 | # Add this line if you want to avoid checking in source code from Carthage dependencies.
65 | # Carthage/Checkouts
66 |
67 | Carthage/Build/
68 |
69 | # Accio dependency management
70 | Dependencies/
71 | .accio/
72 |
73 | # fastlane
74 | #
75 | # It is recommended to not store the screenshots in the git repo.
76 | # Instead, use fastlane to re-generate the screenshots whenever they are needed.
77 | # For more information about the recommended setup visit:
78 | # https://docs.fastlane.tools/best-practices/source-control/#source-control
79 |
80 | fastlane/report.xml
81 | fastlane/Preview.html
82 | fastlane/screenshots/**/*.png
83 | fastlane/test_output
84 |
85 | # Code Injection
86 | #
87 | # After new code Injection tools there's a generated folder /iOSInjectionProject
88 | # https://github.com/johnno1962/injectionforxcode
89 |
90 | iOSInjectionProject/
91 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/AppDelegate.swift:
--------------------------------------------------------------------------------
1 | //
2 | // AppDelegate.swift
3 | // MuxExampleVideoApp
4 | //
5 | // Created by Dylan Jhaveri on 4/7/21.
6 | //
7 |
8 | import UIKit
9 | import AVFoundation
10 |
11 | @main
12 | class AppDelegate: UIResponder, UIApplicationDelegate {
13 |
14 | func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
15 | let audioSession = AVAudioSession.sharedInstance()
16 | do {
17 | try audioSession.setCategory(AVAudioSession.Category.playback)
18 | } catch {
19 | print("Setting category to AVAudioSessionCategoryPlayback failed.")
20 | }
21 | return true
22 | }
23 |
24 | // MARK: UISceneSession Lifecycle
25 |
26 | func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration {
27 | // Called when a new scene session is being created.
28 | // Use this method to select a configuration to create the new scene with.
29 | return UISceneConfiguration(name: "Default Configuration", sessionRole: connectingSceneSession.role)
30 | }
31 |
32 | func application(_ application: UIApplication, didDiscardSceneSessions sceneSessions: Set) {
33 | // Called when the user discards a scene session.
34 | // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions.
35 | // Use this method to release any resources that were specific to the discarded scenes, as they will not return.
36 | }
37 |
38 |
39 | }
40 |
41 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/Assets.xcassets/AccentColor.colorset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "colors" : [
3 | {
4 | "idiom" : "universal"
5 | }
6 | ],
7 | "info" : {
8 | "author" : "xcode",
9 | "version" : 1
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "iphone",
5 | "scale" : "2x",
6 | "size" : "20x20"
7 | },
8 | {
9 | "idiom" : "iphone",
10 | "scale" : "3x",
11 | "size" : "20x20"
12 | },
13 | {
14 | "idiom" : "iphone",
15 | "scale" : "2x",
16 | "size" : "29x29"
17 | },
18 | {
19 | "idiom" : "iphone",
20 | "scale" : "3x",
21 | "size" : "29x29"
22 | },
23 | {
24 | "idiom" : "iphone",
25 | "scale" : "2x",
26 | "size" : "40x40"
27 | },
28 | {
29 | "idiom" : "iphone",
30 | "scale" : "3x",
31 | "size" : "40x40"
32 | },
33 | {
34 | "idiom" : "iphone",
35 | "scale" : "2x",
36 | "size" : "60x60"
37 | },
38 | {
39 | "idiom" : "iphone",
40 | "scale" : "3x",
41 | "size" : "60x60"
42 | },
43 | {
44 | "idiom" : "ipad",
45 | "scale" : "1x",
46 | "size" : "20x20"
47 | },
48 | {
49 | "idiom" : "ipad",
50 | "scale" : "2x",
51 | "size" : "20x20"
52 | },
53 | {
54 | "idiom" : "ipad",
55 | "scale" : "1x",
56 | "size" : "29x29"
57 | },
58 | {
59 | "idiom" : "ipad",
60 | "scale" : "2x",
61 | "size" : "29x29"
62 | },
63 | {
64 | "idiom" : "ipad",
65 | "scale" : "1x",
66 | "size" : "40x40"
67 | },
68 | {
69 | "idiom" : "ipad",
70 | "scale" : "2x",
71 | "size" : "40x40"
72 | },
73 | {
74 | "idiom" : "ipad",
75 | "scale" : "1x",
76 | "size" : "76x76"
77 | },
78 | {
79 | "idiom" : "ipad",
80 | "scale" : "2x",
81 | "size" : "76x76"
82 | },
83 | {
84 | "idiom" : "ipad",
85 | "scale" : "2x",
86 | "size" : "83.5x83.5"
87 | },
88 | {
89 | "idiom" : "ios-marketing",
90 | "scale" : "1x",
91 | "size" : "1024x1024"
92 | }
93 | ],
94 | "info" : {
95 | "author" : "xcode",
96 | "version" : 1
97 | }
98 | }
99 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "info" : {
3 | "author" : "xcode",
4 | "version" : 1
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/Base.lproj/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
19 |
20 |
22 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoApp/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | $(DEVELOPMENT_LANGUAGE)
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | $(PRODUCT_BUNDLE_PACKAGE_TYPE)
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleVersion
20 | 1
21 | LSRequiresIPhoneOS
22 | UIApplicationSceneManifest
24 |
25 | UIApplicationSupportsMultipleScenes
26 | UISceneConfigurations
28 |
29 | UIWindowSceneSessionRoleApplication
30 |
31 |
32 | UISceneConfigurationName
33 | Default Configuration
34 | UISceneDelegateClassName
35 | $(PRODUCT_MODULE_NAME).SceneDelegate
36 | UISceneStoryboardFile
37 | Main
38 |
39 |
40 |
41 |
42 | UIApplicationSupportsIndirectInputEvents
43 | UIBackgroundModes
45 |
46 | audio
47 |
48 | UILaunchStoryboardName
49 | LaunchScreen
50 | UIMainStoryboardFile
51 | Main
52 | UIRequiredDeviceCapabilities
53 |
54 | armv7
55 |
56 | UISupportedInterfaceOrientations
57 |
58 | UIInterfaceOrientationPortrait
59 | UIInterfaceOrientationLandscapeLeft
60 | UIInterfaceOrientationLandscapeRight
61 |
62 | UISupportedInterfaceOrientations~ipad
63 |
64 | UIInterfaceOrientationPortrait
65 | UIInterfaceOrientationPortraitUpsideDown
66 | UIInterfaceOrientationLandscapeLeft
67 | UIInterfaceOrientationLandscapeRight
68 |
69 |
70 |
71 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoAppTests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | $(DEVELOPMENT_LANGUAGE)
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | $(PRODUCT_BUNDLE_PACKAGE_TYPE)
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleVersion
20 | 1
21 |
22 |
23 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoAppTests/MuxExampleVideoAppTests.swift:
--------------------------------------------------------------------------------
1 | //
2 | // MuxExampleVideoAppTests.swift
3 | // MuxExampleVideoAppTests
4 | //
5 | // Created by Dylan Jhaveri on 4/7/21.
6 | //
7 |
8 | import XCTest
9 | @testable import MuxExampleVideoApp
10 |
11 | class MuxExampleVideoAppTests: XCTestCase {
12 |
13 | override func setUpWithError() throws {
14 | // Put setup code here. This method is called before the invocation of each test method in the class.
15 | }
16 |
17 | override func tearDownWithError() throws {
18 | // Put teardown code here. This method is called after the invocation of each test method in the class.
19 | }
20 |
21 | func testExample() throws {
22 | // This is an example of a functional test case.
23 | // Use XCTAssert and related functions to verify your tests produce the correct results.
24 | }
25 |
26 | func testPerformanceExample() throws {
27 | // This is an example of a performance test case.
28 | self.measure {
29 | // Put the code you want to measure the time of here.
30 | }
31 | }
32 |
33 | }
34 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoAppUITests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | $(DEVELOPMENT_LANGUAGE)
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | $(PRODUCT_BUNDLE_PACKAGE_TYPE)
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleVersion
20 | 1
21 |
22 |
23 |
--------------------------------------------------------------------------------
/swift-video-app/MuxExampleVideoApp/MuxExampleVideoAppUITests/MuxExampleVideoAppUITests.swift:
--------------------------------------------------------------------------------
1 | //
2 | // MuxExampleVideoAppUITests.swift
3 | // MuxExampleVideoAppUITests
4 | //
5 | // Created by Dylan Jhaveri on 4/7/21.
6 | //
7 |
8 | import XCTest
9 |
10 | class MuxExampleVideoAppUITests: XCTestCase {
11 |
12 | override func setUpWithError() throws {
13 | // Put setup code here. This method is called before the invocation of each test method in the class.
14 |
15 | // In UI tests it is usually best to stop immediately when a failure occurs.
16 | continueAfterFailure = false
17 |
18 | // In UI tests it’s important to set the initial state - such as interface orientation - required for your tests before they run. The setUp method is a good place to do this.
19 | }
20 |
21 | override func tearDownWithError() throws {
22 | // Put teardown code here. This method is called after the invocation of each test method in the class.
23 | }
24 |
25 | func testExample() throws {
26 | // UI tests must launch the application that they test.
27 | let app = XCUIApplication()
28 | app.launch()
29 |
30 | // Use recording to get started writing UI tests.
31 | // Use XCTAssert and related functions to verify your tests produce the correct results.
32 | }
33 |
34 | func testLaunchPerformance() throws {
35 | if #available(macOS 10.15, iOS 13.0, tvOS 13.0, *) {
36 | // This measures how long it takes to launch your application.
37 | measure(metrics: [XCTApplicationLaunchMetric()]) {
38 | XCUIApplication().launch()
39 | }
40 | }
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/swift-video-app/README.md:
--------------------------------------------------------------------------------
1 | # swift-video-app
2 |
3 | This is a swift app that uses AVPlayer, AVPlayerViewController and MuxData. The video source is a Mux Video HLS manifest, but that can be swapped out for any AVPlayer compatible source.
4 |
5 | The main thing to test here was to get the audio to continue playing when the application enters the background. We wrote about it on [the Mux blog](mux.com/blog/background-audio-handling-with-ios-avplayer).
6 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/.env.example:
--------------------------------------------------------------------------------
1 | MUX_WEBHOOK_SECRET=
2 | KNOCK_SECRET_KEY=
3 | NEXT_PUBLIC_KNOCK_API_KEY="sk_12345"
4 | NEXT_PUBLIC_KNOCK_USER_ID="adfasf"
5 | NEXT_PUBLIC_KNOCK_FEED_CHANNEL_ID="asdfsdfa"
6 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 | .yarn/install-state.gz
8 |
9 | # testing
10 | /coverage
11 |
12 | # next.js
13 | /.next/
14 | /out/
15 |
16 | # production
17 | /build
18 |
19 | # misc
20 | .DS_Store
21 | *.pem
22 |
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 |
28 | # local env files
29 | .env*.local
30 | .env.local
31 |
32 | # vercel
33 | .vercel
34 |
35 | # typescript
36 | *.tsbuildinfo
37 | next-env.d.ts
38 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/README.md:
--------------------------------------------------------------------------------
1 | ## References
2 |
3 | ### SDKs
4 | https://github.com/knocklabs/knock-node
5 | https://github.com/muxinc/mux-node-sdk
6 |
7 | ### Docs
8 | https://docs.knock.app/concepts/objects
9 | https://docs.mux.com/
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/api/knock/channels/route.ts:
--------------------------------------------------------------------------------
1 | import { revalidatePath } from 'next/cache';
2 | import { headers } from 'next/headers';
3 |
4 | import { Knock } from '@knocklabs/node';
5 | const knockClient = new Knock(process.env.KNOCK_SECRET_KEY);
6 |
7 | const channels = [
8 | {
9 | id: 'knock',
10 | properties: {
11 | name: 'Knock',
12 | icon: '🔔',
13 | YouTube: 'https://www.youtube.com/channel/UCDScOjujAI3-_9iJ0Me0Aug',
14 | Twitter: 'https://twitter.com/knocklabs',
15 | },
16 | },
17 | {
18 | id: 'mux',
19 | properties: {
20 | name: 'Mux',
21 | icon: '📹',
22 | YouTube: 'https://www.youtube.com/@MuxHQ',
23 | Twitter: 'https://twitter.com/MuxHQ',
24 | },
25 | },
26 | ];
27 |
28 | export async function POST(request: Request) {
29 | const body = await request.text();
30 | const payload = JSON.parse(body);
31 | if (payload.action === 'create') {
32 | channels.forEach(async (channel) => {
33 | await knockClient.objects.set('channels', channel.id, channel.properties);
34 | });
35 | }
36 |
37 | if (payload.action === 'delete') {
38 | channels.forEach(async (channel) => {
39 | await knockClient.objects.delete('channels', channel.id);
40 | });
41 | }
42 | return Response.json({ message: 'ok' });
43 | }
44 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/api/knock/on-play/route.ts:
--------------------------------------------------------------------------------
1 | import { revalidatePath } from 'next/cache';
2 | import { headers } from 'next/headers';
3 |
4 | import { Knock } from '@knocklabs/node';
5 | const knockClient = new Knock(process.env.KNOCK_SECRET_KEY);
6 |
7 | export async function POST(request: Request) {
8 | const body = await request.text();
9 | const inlineUser = {
10 | id: 'fde69556-a3a5-4812-a3e9-c9ded0cbc950',
11 | name: 'John Hammond',
12 | email: 'hammond@ingen.net',
13 | };
14 | knockClient.workflows.trigger('new-view', {
15 | recipients: [process.env.NEXT_PUBLIC_KNOCK_USER_ID as string],
16 | data: JSON.parse(body),
17 | });
18 |
19 | return Response.json({ message: 'ok' });
20 | }
21 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/api/knock/subscriptions/route.ts:
--------------------------------------------------------------------------------
1 | import { revalidatePath } from 'next/cache';
2 | import { headers } from 'next/headers';
3 |
4 | import { Knock } from '@knocklabs/node';
5 | const knockClient = new Knock(process.env.KNOCK_SECRET_KEY);
6 |
7 | const subscriptions = [
8 | {
9 | id: '9d17eb2d-1980-4614-bcfe-5696ca9be631',
10 | properties: {
11 | role: 'regular',
12 | },
13 | },
14 | {
15 | id: 'a12896b9-658b-43ff-8d5b-79c34215778a',
16 | properties: {
17 | role: 'allAccess',
18 | },
19 | },
20 | ];
21 |
22 | export async function POST(request: Request) {
23 | const body = await request.text();
24 | const payload = JSON.parse(body);
25 | if (payload.action === 'create') {
26 | channels.forEach(async (channel) => {
27 | subscriptions.forEach(async (subscription) => {
28 | await knockClient.objects.addSubscriptions('channels', channel.id, {
29 | recipients: [subscription.id],
30 | properties: subscription.properties,
31 | });
32 | });
33 | });
34 | }
35 |
36 | if (payload.action === 'delete') {
37 | channels.forEach(async (channel) => {
38 | subscriptions.forEach(async (subscription) => {
39 | await knockClient.objects.deleteSubscriptions('channels', channel.id, {
40 | recipients: [subscription.id],
41 | });
42 | });
43 | });
44 | }
45 | return Response.json({ message: 'ok' });
46 | }
47 | const channels = [
48 | {
49 | id: 'knock',
50 | properties: {
51 | name: 'Knock',
52 | icon: '🔔',
53 | YouTube: 'https://www.youtube.com/channel/UCDScOjujAI3-_9iJ0Me0Aug',
54 | Twitter: 'https://twitter.com/knocklabs',
55 | },
56 | },
57 | {
58 | id: 'mux',
59 | properties: {
60 | name: 'Mux',
61 | icon: '📹',
62 | YouTube: 'https://www.youtube.com/@MuxHQ',
63 | Twitter: 'https://twitter.com/MuxHQ',
64 | },
65 | },
66 | ];
67 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/api/webhooks/mux/route.ts:
--------------------------------------------------------------------------------
1 | import { revalidatePath } from 'next/cache';
2 | import { headers } from 'next/headers';
3 |
4 | import Mux from '@mux/mux-node';
5 |
6 | import { Knock } from '@knocklabs/node';
7 | const knockClient = new Knock(process.env.KNOCK_SECRET_KEY);
8 |
9 | // const mux = new Mux({
10 | // webhookSecret: process.env.MUX_WEBHOOK_SECRET,
11 | // });
12 |
13 | export async function POST(request: Request) {
14 | const headersList = headers();
15 | const body = await request.text();
16 | const event = JSON.parse(body);
17 | console.log(event);
18 | // const event = mux.webhooks.unwrap(body, headersList);
19 |
20 | switch (event.type) {
21 | case 'video.live_stream.active':
22 | console.log('📺 live stream started.....');
23 | const channel = await knockClient.objects.get('channels', 'knock');
24 | const { workflow_run_id } = await knockClient.workflows.trigger(
25 | 'new-stream',
26 | {
27 | recipients: [{ collection: 'channels', id: 'knock' }],
28 | data: {
29 | channel,
30 | },
31 | }
32 | );
33 | break;
34 | case 'video.asset.ready':
35 | console.log('🎞️ new asset ready.....');
36 |
37 | console.log(`📨 new workflow run started: ${workflow_run_id}`);
38 | break;
39 | default:
40 | break;
41 | }
42 |
43 | return Response.json({ message: 'ok' });
44 | }
45 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/api/webhooks/mux/video.asset.ready.json:
--------------------------------------------------------------------------------
1 | {
2 | "type": "video.asset.ready",
3 | "request_id": null,
4 | "object": {
5 | "type": "asset",
6 | "id": "IlEvde8ZuiOOjOZP9RjDC5k4kv00WZT3B"
7 | },
8 | "id": "072d5897-baeb-4b5b-b10e-72399463ed35",
9 | "environment": {
10 | "name": "Testing",
11 | "id": "j29sb4"
12 | },
13 | "data": {
14 | "upload_id": "fib5TohlksKstELSGJHiGWTLkzTX72f00",
15 | "tracks": [
16 | {
17 | "type": "video",
18 | "max_width": 1920,
19 | "max_height": 1080,
20 | "max_frame_rate": 29.926,
21 | "id": "Xc2dXkAjz01sJNuExusNdT6jPycir48Na",
22 | "duration": 10.024767
23 | },
24 | {
25 | "type": "audio",
26 | "status": "ready",
27 | "primary": true,
28 | "name": "Default",
29 | "max_channels": 2,
30 | "language_code": "und",
31 | "id": "n4wBZBHPdmdCHT1RbsTgxBS6Ig3U40202Z5Tyh2Cze2HNTZNqR3ST1gA"
32 | }
33 | ],
34 | "status": "ready",
35 | "resolution_tier": "1080p",
36 | "playback_ids": [
37 | {
38 | "policy": "public",
39 | "id": "SJOkDeyn6asBEJ735VfQ7tQ6qotMhmkY"
40 | }
41 | ],
42 | "mp4_support": "none",
43 | "max_stored_resolution": "HD",
44 | "max_stored_frame_rate": 29.926,
45 | "max_resolution_tier": "1080p",
46 | "master_access": "none",
47 | "ingest_type": "on_demand_direct_upload",
48 | "id": "IlEvde8ZuiOOjOZP9RjDC5k4kv00WZT3B",
49 | "encoding_tier": "baseline",
50 | "duration": 10.066667,
51 | "created_at": 1712262539,
52 | "aspect_ratio": "16:9"
53 | },
54 | "created_at": "2024-04-04T20:29:02.294000Z",
55 | "attempts": [],
56 | "accessor_source": null,
57 | "accessor": null
58 | }
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/api/webhooks/mux/video.live_stream.active.json:
--------------------------------------------------------------------------------
1 | {
2 | "type": "video.live_stream.active",
3 | "request_id": null,
4 | "object": {
5 | "type": "live",
6 | "id": "1TaauZVrUfXwkpUxKVWQiSOD02YWhTpan"
7 | },
8 | "id": "072d5897-baeb-4b5b-b10e-72399463ed35",
9 | "environment": {
10 | "name": "Testing",
11 | "id": "j29sb4"
12 | },
13 | "data": {
14 | "stream_key": "******",
15 | "status": "active",
16 | "srt_passphrase": "******",
17 | "simulcast_targets": [
18 | {
19 | "url": "rtmps://va.pscp.tv:443/x",
20 | "stream_key": "******",
21 | "status": "broadcasting",
22 | "passthrough": "Twitter",
23 | "id": "PYbkjeAddS5JPo1kLRdmjLP5Zu6bb9yMQ8VG00ekC7mCrn6HtZFtRWw"
24 | },
25 | {
26 | "url": "rtmp://a.rtmp.youtube.com/live2",
27 | "stream_key": "******",
28 | "status": "broadcasting",
29 | "passthrough": "YouTube",
30 | "id": "xl9IyCxhrfXKkTbmm5Pk6wez7R48ClywWLt1B1EgMyM39Duevx4Deg"
31 | }
32 | ],
33 | "recording": true,
34 | "recent_asset_ids": [],
35 | "playback_ids": [
36 | {
37 | "policy": "public",
38 | "id": "qzrAqvB41wlq5d2hYJ6RT6Y00KRl2Gf2k"
39 | }
40 | ],
41 | "new_asset_settings": {
42 | "playback_policies": [
43 | "public"
44 | ]
45 | },
46 | "max_continuous_duration": 43200,
47 | "low_latency": true,
48 | "latency_mode": "low",
49 | "id": "1TaauZVrUfXwkpUxKVWQiSOD02YWhTpan",
50 | "created_at": 1706884405,
51 | "connected": true,
52 | "active_ingest_protocol": "rtmp",
53 | "active_asset_id": "uGTBjfqFSPO4kgAj6Sll01LITWMLf500Gl"
54 | },
55 | "created_at": "2024-04-04T19:00:37.613000Z",
56 | "attempts": [],
57 | "accessor_source": null,
58 | "accessor": null
59 | }
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/components/FeedContainer.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import { useState, useRef, useEffect } from 'react';
3 | import {
4 | KnockProvider,
5 | KnockFeedProvider,
6 | NotificationIconButton,
7 | NotificationFeedPopover,
8 | BellIcon,
9 | } from '@knocklabs/react';
10 |
11 | // Required CSS import, unless you're overriding the styling
12 | import '@knocklabs/react/dist/index.css';
13 | import FeedToasts from './FeedToasts';
14 |
15 | const FeedContainer = () => {
16 | const [isVisible, setIsVisible] = useState(false);
17 | const [isClient, setIsClient] = useState(false);
18 | const notifButtonRef = useRef(null);
19 | useEffect(() => {
20 | setIsClient(true);
21 | }, []);
22 | return isClient ? (
23 |
27 |
31 | <>
32 | setIsVisible(!isVisible)}
35 | />
36 | setIsVisible(false)}
40 | />
41 | {/*
44 |
45 | ) : (
46 |
4 | Subscribe
5 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/components/SubscriberCount.tsx:
--------------------------------------------------------------------------------
1 | export default function SubscriberCount() {
2 | return (
3 |
4 | 70K subscribers
5 |
6 | );
7 | }
8 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/components/player.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import MuxPlayer from '@mux/mux-player-react';
4 |
5 | export default function Player() {
6 | return (
7 |
24 |
25 |
26 |
27 |
28 | MyTube
29 |
30 |
31 |
38 |
39 |
40 |
42 |
43 |
45 | {children}
46 |
66 |
69 | );
70 | }
71 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/app/lib/knock.ts:
--------------------------------------------------------------------------------
1 | import { Knock } from '@knocklabs/node';
2 | const knockClient = new Knock(process.env.KNOCK_SECRET_KEY);
3 |
4 | export async function createChannel(channelName: string, props: Object) {
5 | await knockClient.objects.set('channels', channelName, props);
6 | return 'success';
7 | }
8 |
9 | export async function getSubscriptions(channelName: string) {
10 | const subscriptions = await knockClient.objects.getSubscriptions(
11 | 'channels',
12 | channelName
13 | );
14 | return subscriptions;
15 | }
16 |
17 | export async function subscribeToChannel(channelName: string, userId: string) {
18 | const subscription = await knockClient.objects.addSubscriptions(
19 | 'channels',
20 | channelName,
21 | { recipients: [userId] }
22 | );
23 |
24 | return subscription;
25 | }
26 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 |
4 | export default nextConfig;
5 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mux-knock-notifications",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@knocklabs/node": "^0.6.8",
13 | "@knocklabs/react": "^0.2.9",
14 | "@mux/mux-node": "^8.3.0",
15 | "@mux/mux-player-react": "^2.4.1",
16 | "next": "14.1.4",
17 | "react": "^18",
18 | "react-dom": "^18",
19 | "react-hot-toast": "^2.4.1"
20 | },
21 | "devDependencies": {
22 | "@types/node": "^20",
23 | "@types/react": "^18",
24 | "@types/react-dom": "^18",
25 | "autoprefixer": "^10.0.1",
26 | "eslint": "^8",
27 | "eslint-config-next": "14.1.4",
28 | "postcss": "^8",
29 | "tailwindcss": "^3.3.0",
30 | "typescript": "^5"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | };
7 |
--------------------------------------------------------------------------------
/webhook-notifications-knock/public/next.svg:
--------------------------------------------------------------------------------
1 | })
34 | ) : (
35 | No thumbnail for some reason
36 | )}
37 |
38 |
43 |