PHP Classes

File: resources/views/livewire/frontend/channel/modal/upload-content.blade.php

Recommend this page to a friend!
  Classes of Nyi Nyi Lwin   mtube   resources/views/livewire/frontend/channel/modal/upload-content.blade.php   Download  
File: resources/views/livewire/frontend/channel/modal/upload-content.blade.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: mtube
Application to share videos between users
Author: By
Last change:
Date: 2 years ago
Size: 1,610 bytes
 

Contents

Class file image Download
<x-modal>
    <x-slot name="title">
        <h3 class="text-lg font-medium text-gray-900">{{ __('Upload Contents') }}</h3>
    </x-slot>
    <x-slot name="content">
        <div class="UppyModalOpenerBtn"></div>
        <div class="DashboardContainer"></div>
    </x-slot>
</x-modal>


<script>
    var uppy = Uppy.Core({
        debug: true,
        autoProceed: false,
        restrictions: {
            maxFileSize: 100000000000,
            allowedFileTypes: ['video/*']
        },
        meta: {
            channel: {{ $channel_id }}
        }
    });

    uppy.use(Uppy.Dashboard, {
        trigger: '.UppyModalOpenerBtn',
        inline: true,
        target: '.DashboardContainer',
        metaFields: [
            { id: 'name', name: 'Name', placeholder: 'Name' },
            { id: 'description', name: 'Description', placeholder: 'Description' }
        ],
        height: 500,
        width: '100%',
        browserBackButtonClose: false
    });
    uppy.use(Uppy.Url, {
        target: Uppy.Dashboard,
        companionUrl: 'https://localhost:3020/companion',
    });
    uppy.use(Uppy.Webcam, { target: Uppy.Dashboard, onBeforeSnapshot: () => Promise.resolve(), preferredVideoMimeType: 'video/webm' });
    uppy.use(Uppy.ScreenCapture, { target: Uppy.Dashboard })
    uppy.use(Uppy.Tus, {
        endpoint: 'https://mtube.test/tus',
        resume: false,
        autoRetry: true,
        chunkSize: 2000000,
        retryDelays: [0, 1000, 3000, 5000],
        limit: 10
    });

    uppy.on('upload-success', function (file, response) {
        @this.emit('videoUploaded')
    });
</script>