2.2.11 • Published 1 year ago
@vizcareer/s1-vue-uploader-client v2.2.11
vizcareer-vue-client
This project is based on bootstrap@3.3.7
css framework. This is bundled in the component.
Install
To install this package you need to run npm install @vizcareer/s1-vue-uploader-client
.
How to reference component
Assignment on emitted events to videoId
and videoUrl
data properties are required as per the example below.
import {VideoUploader} from '@vizcareer/s1-vue-uploader-client'
export default {
name: 'App',
components: {
VideoUploader
},
data: () => ({
videoId: "",
videoUrl: "",
apiKey: "",
apiUrl: "",
}),
methods: {
handleVideoUploaded({ id, url }) {
this.videoId = id;
this.videoUrl = url;
console.log("handleVideoUploaded fired");
},
handleVideoRecordingUploaded({ id, url }) {
this.videoId = id;
this.videoUrl = url;
console.log("handleVideoRecordingUploaded fired");
},
handleVideoDelete() {
this.videoId = "";
this.videoUrl = "";
console.log("Video was deleted");
},
learnMoreWasClicked() {
console.log("learn more was clicked");
}
}
}
How to implement component in vue template
There are four events on this component. These are:
video-file-uploaded
Emits on successful uploadvideo-recording-uploaded
Emits on successful recording uploadvideo-deleted
Emits when video is deletedlearn-more-clicked
Emits when learn more button is clicked
Example component implementation
<VideoUploader
:api-key="'[your-api-key]'"
:api-url="'[your-api-url]'"
:video-id="this.videoId"
:video-url="this.videoUrl"
v-on:video-file-uploaded="handleVideoUploaded"
v-on:video-recording-uploaded="handleVideoRecordingUploaded"
v-on:video-deleted="handleVideoDelete"
v-on:learn-more-clicked="learnMoreWasClicked"
/>
2.2.11
1 year ago
2.2.10
2 years ago
2.2.9
2 years ago
2.2.8
2 years ago
2.2.7
2 years ago
2.2.6
2 years ago
2.2.5
2 years ago
2.2.4
2 years ago
2.2.3
2 years ago
2.2.2
2 years ago
2.2.1
2 years ago
2.2.0
2 years ago
2.1.1
2 years ago
2.1.0
2 years ago
2.0.0
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago