### This repo use Vue3, for older Vue2 version please visit ["The latest Vue V2 implementation"](https://github.com/Ziggeo/vue-ziggeo/tree/7932156f9453ffa08425cf76f194ce41c777001f)
npm install vue-ziggeopackage.json file by upgrading to the latest version of ziggeo-client-sdk (Ziggeo JS SDK Github Url);npm install or npm update (yarn install if you're using Yarn) to install/update packages;npm run build command to re-build package;npm pack which will generate a new package in the root folder with the .tgz extension.vue-ziggeo package number with path to the generated pack. vue-ziggeo: "3.x.x" you can use vue-ziggeo: "path_to_the/package/vue-ziggeo-version_number.tgz"#### Setup
Install vue-ziggeo via npm and include below files in your root main.js file
``js
import { createApp } from 'vue';
import Ziggeo from 'vue-ziggeo';
// You have to import css files from node directory
// Or you can import inside in your component
import "@node_modules/vue-ziggeo/dist/vue-ziggeo.css";
createApp(YOUR_MAIN_APP_COMPONENT).use(Ziggeo).mount("#root_index_html_id_selector");
`
#### Recorder
Replace __ZIGGEO_API_KEY__ with your own by Ziggeo API key
`vue`
:width="110"
:height="80"
@recorderReady="recorderReady"
@camera_unresponsive="recorderCameraUnresponsive"
@access_forbidden="recorderAccessForbidden"
@upload_selected="recorderUploadSelected"
>
##### Recorder Application Settings
You can set application settings based on your requirement
`vue`
:applicationOptions="{
'webrtc_streaming': boolean (default: false),
'webrtc_streaming_if_necessary': boolean (default: false),
'webrtc_on_mobile': boolean (default: false),
'auth': boolean (default: false),
'debug': boolean (default: false)
}"
#### Player
Replace __ZIGGEO_API_KEY__ and __VIDEO_TOKEN__ provided by Ziggeo App
`vue`
:video="videoToken"
:width="330"
:height="210"
@playerReady="playerReady"
@attached="playerAttached"
@playing="playerPlaying"
...
>
#### Additional Parameters
You can add all available Ziggeo-related parameters here:
- Ziggeo Parameters
- Ziggeo Events
- Only key parameter was replaced with _key, as Vue use it as reserved variable
#### Demo
A demo is located in the root demo folder.
#### Changelog
- v3.0.3 Upgraded to VueJS 3rd version; The latest Vue V2 implementation or in vuejs-v2 folder of current repo;
- v2.3.0 Upgraded ziggeo-client-sdk SDK to 2.35.4 version. With new features like multi-stream recorder;ziggeo-client-sdk
- v2.2.0 Upgraded SDK to 2.34.14 version. Added _key parameter usability, fixed minor bug;ziggeo-client-sdk
- v2.1.1 Upgraded SDK to 2.34.8 version. Fixed some bugs;applicationOptions
- v2.1.0 Added property which will accept application settings webrtc_streaming, webrtc_streaming_if_necessary, webrtc_on_mobile, auth, debug, testing_application and screenRecord settings like chrome_extension_id. Upgraded to Ziggeo stable r33;embedding
- v2.0.1 Added argument for each method, read more...;ziggeo-client-sdk
- v1.1.0 Upgraded SDK to 2.32.* version. Fixed try/catch variable name conflict;ziggeo-client-sdk
- v1.0.1 Upgraded SDK to 2.31.*` pre-release version;
- v0.2.0 Fixed countdown related conflict;
- v0.1.0 upgraded to ziggeo 0.0.30 version and added screen recorder option.