.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.