.course_info {
color: #999999;
font-size: 11px;
padding-bottom: 10px;
}
.btn-finish {
background-color: #656565;
border-color: #222222;
color: #cacaca;
}
.btn-finish:hover,
.btn-finish:focus,
.btn-finish:active,
.btn-finish.active,
.open .dropdown-toggle.btn-finish {
color: #cacaca;
}
.course_user_info {
color: #989898;
font-size: 12px;
margin-right: 20px;
}
@media only screen and (max-width: 815px) {
#nav-tool {
display: none;
}
}
</style>
<nav id="nav-tool" class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header" style="padding: 0px !important;">
<a class="navbar-brand" href="#">
<img src="<?php echo base_url(); ?>uploads/system/favicon.png" style="height: 25px;" />
<?php echo get_phrase('live_class'); ?> : <?php echo $course_details['title']; ?>
</a>
</div>
<div id="navbar">
<form class="navbar-form navbar-right" id="meeting_form">
<div class="form-group">
<div class="course_user_info">
<?php echo get_phrase('instructor'); ?> : <?php echo $instructor_details['first_name'] . ' ' . $instructor_details['last_name']; ?>
</div>
<div class="course_user_info">
<?php echo get_phrase('total_enrolment'); ?> : <?php echo $this->crud_model->enrol_history($course_details['id'])->num_rows(); ?>
</div>
</div>
<div class="form-group">
<button type="button" class="btn btn-finish" onclick="stop_zoom()">
<svg style="height:20px; vertical-align: middle;" aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-3x">
<path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path>
</svg>
</button>
</div>
</form>
</div>
<!--/.navbar-collapse -->
</div>
</nav>
<!-- import ZoomMtg dependencies -->
<!--<script src="https://source.zoom.us/1.9.1/lib/vendor/react.min.js"></script>-->
<!--<script src="https://source.zoom.us/1.9.1/lib/vendor/react-dom.min.js"></script>-->
<!--<script src="https://source.zoom.us/1.9.1/lib/vendor/redux.min.js"></script>-->
<!--<script src="https://source.zoom.us/1.9.1/lib/vendor/redux-thunk.min.js"></script>-->
<!--<script src="https://source.zoom.us/1.9.1/lib/vendor/lodash.min.js"></script>-->
<!-- import ZoomMtg -->
<!--<script src="https://source.zoom.us/zoom-meeting-1.9.1.min.js"></script>-->
<script src="https://source.zoom.us/2.9.7/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/1.7.9/lib/vendor/jquery.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/lodash.min.js"></script>
<script src="https://source.zoom.us/zoom-meeting-2.9.7.min.js"></script>
<script>
$(window).on("orientationchange",function(){
console.log("Orientation changed");
});
function stop_zoom() {
var r = confirm("<?php echo get_phrase('do_you_want_to_leave_the_live_video_class'); ?> ? <?php echo get_phrase('you_can_join_them_later_if_the_video_class_remains_ive'); ?>");
if (r == true) {
ZoomMtg.leaveMeeting();
}
}
$(document).ready(function() {
start_zoom();
});
function start_zoom() {
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
ZoomMtg.i18n.load('en-US')
ZoomMtg.i18n.reload('en-US')
var API_KEY = "<?php echo get_settings('zoom_api_key'); ?>";
var API_SECRET = "<?php echo get_settings('zoom_secret_key'); ?>";
var USER_NAME = "<?php echo $logged_user_details['first_name'] . " " . $logged_user_details['last_name']; ?>";
var MEETING_NUMBER = "<?php echo $live_class_details['zoom_meeting_id']; ?>";
var PASSWORD = "<?php echo $live_class_details['zoom_meeting_password']; ?>";
testTool = window.testTool;
var meetConfig = {
sdkKey: API_KEY,
sdkSecret: API_SECRET,
meetingNumber: MEETING_NUMBER,
userName: USER_NAME,
passWord: PASSWORD,
leaveUrl: "<?php echo site_url('home/lesson/' . slugify($course_details['title']) . '/' . $course_details['id']); ?>",
role: 0
};
var signature = ZoomMtg.generateSDKSignature({
meetingNumber: meetConfig.meetingNumber,
sdkKey: meetConfig.sdkKey,
sdkSecret: meetConfig.sdkSecret,
role: meetConfig.role,
success: function(res) {
console.log(res.result);
},
error: function(res) {
console.log(res);
}
});
ZoomMtg.init({
leaveUrl: "<?php echo site_url('home/lesson/' . slugify($course_details['title']) . '/' . $course_details['id']); ?>",
isSupportAV: true,
success: function() {
ZoomMtg.join({
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
signature: signature,
sdkKey: meetConfig.sdkKey,
passWord: meetConfig.passWord,
success: function(res) {
console.log('join meeting success');
},
error: function(res) {
console.log(res);
}
});
},
error: function(res) {
console.log(res);
}
});
}
</script>
<?php echo get_phrase('live_class'); ?> : <?php echo $course_details['title']; ?>
body {
padding-top: 50px;
}
Hi @skillsetech ,
Please identify the source of the code. If you got it from a member of this community, please tag them so you can connect with them on debugging.
@skillsetech adding on to Gianni’s comment, you might firstly want to explore updating your Meeting SDK to a supported version first.
2.9.7 has been deprecated since Feb 3rd, 2024, and this is primary the reason why your code is no longer working.
This topic was automatically closed 368 days after the last reply. New replies are no longer allowed.