Description
Trying to setup the Vue sample app using component view. The app compiles but I am unable to join the meeting I created in the Zoom console.
Browser Console Error
{
“type”: “JOIN_MEETING_FAILED”,
“reason”: “connection error”,
“errorCode”: -3000
}
Which Web Meeting SDK version?
3.1.6
Meeting SDK Code Snippets
<script setup>
import ZoomMtgEmbedded from '@zoom/meetingsdk/embedded';
const props = defineProps({
meetingNumber: {
type: String,
required: true
},
passWord: {
type: String,
required: false,
default: ''
},
role: {
type: Number,
required: false,
default: 0
},
userName: {
type: String,
required: false,
default: 'Student'
},
userEmail: {
type: String,
required: false,
default: ''
},
registrantToken: {
type: String,
required: false,
default: ''
},
zakToken: {
type: String,
required: false,
default: ''
},
leaveUrl: {
type: String,
required: false,
default: 'https://tesoldegreethailand.com/dashboard'
}
})
var client = ZoomMtgEmbedded.createClient()
var authEndpoint = 'https://auth.tesoldegreethailand.com/'
var sdkKey = 'ODJw3lb0Ro6iLRcGEP5uKQ'
var meetingNumber = props.meetingNumber
var passWord = props.passWord
var role = props.role
var userName = props.userName
var userEmail = props.userEmail
var registrantToken = props.registrantToken
var zakToken = props.zakToken
var leaveUrl = props.leaveUrl
function getSignature() {
fetch(authEndpoint, {
method: 'POST',
body: JSON.stringify({
meetingNumber: meetingNumber,
role: role
})
}).then((response) => {
return response.json()
}).then((data) => {
console.log(data)
startMeeting(data.signature)
}).catch((error) => {
console.log(error)
})
}
function startMeeting(signature) {
let meetingSDKElement = document.getElementById('meetingSDKElement');
client.init({zoomAppRoot: meetingSDKElement, language: 'en-US', patchJsMedia: true}).then(() => {
client.join({
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
password: passWord,
userName: userName,
userEmail: userEmail,
tk: registrantToken,
zak: zakToken
}).then(() => {
console.log('joined successfully')
}).catch((error) => {
console.log(error)
})
}).catch((error) => {
console.log(error)
})
}
</script>
Device (please complete the following information):
- PC
- Windows 11
- Chrome
- 122.0.6261.70 (Official Build) (64bit)]
Additional context
I’m getting lots of cross-origin cookie warnings due to the fact that Chrome is now blocking 3rd party cookies with same-site: none
Also got an error Cross-Origin Read Blocking when accessing this path /api/v1/wc/info?apiKey=ODJw3lb0Ro6iLRcGEP5uKQ&signatureType=sdk&signature=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzZGtLZXkiOiJPREp3M2xiMFJvNmlMUmNHRVA1dUtRIiwiaWF0IjoxNzA4OTQzNTQ0LCJleHAiOjE3MDg5NTA3NDQsImFwcEtleSI6Ik9ESnczbGIwUm82aUxSY0dFUDV1S1EiLCJ0b2tlbkV4cCI6MTcwODk1MDc0NH0._tTG77IB5Kdjf1jFl62ViGZPBw51ZOcWqiNNIFWvZwU&userName=Aaron+Travis+Harker&lang=en-US&passWord=&userEmail=classroom1%40puie.ac&customerKey=&sdkUrl=aHR0cHM6Ly90ZXNvbGRlZ3JlZXRoYWlsYW5kLmNvbS9hZG1pbi9jbGFzc3Jvb20vMTAx&sdkOrigin=aHR0cHM6Ly90ZXNvbGRlZ3JlZXRoYWlsYW5kLmNvbQ&proxy=1&ulsm=0&cv=3.1.0&callback=zoomsdkjsonpcallback1