Support fully customize UI with Electron SDK?

mos66 · October 14, 2019, 3:02am

Description
Hi. I’ve been working with the Electron SDK recently and was wondering how I can customize the conference window UI. Is it possible to get the video streams of conference attendees and render them in my own HTML page (and also hide the built-in native conference window)? I saw that there are methods related to video raw data in the demo but has no luck to get them working.

Which version?
Latest Electron SDK from https://github.com/zoom/zoom-sdk-electron.

mos66 · October 14, 2019, 3:51am

I’ve dug around the console output when running the SDK demo and found that the following method calls return errors:

zoomsdk.HasRawDataLicense() => 6 (ZNSDKERR_SERVICE_FAILED)
zoomvideorawdata.Start(opts) => 1 (ZNSDKERR_NO_IMPL)

Does it mean something wrong with my developer account, or the feature is not available for Electron SDK? Thanks.

tommy · October 14, 2019, 3:45pm

Hey @mos66,

I looked at your account and saw you have a basic account and no development permissions.

To use the APIs, you must have at least a pro account (or free trail), and the following permissions:

Can you try this and let me know if it works?

Thanks,
Tommy

carson.zoom · October 15, 2019, 1:52am

Hi mos66,

Thanks for using Zoom SDK. The raw data feature is not public available yet. And the custom UI feature is an individual feature that does not involve raw data. What are you trying to achieve?

Thanks

mos66 · October 15, 2019, 2:18am

Hi @carson.zoom, thanks for the reply

So I’m currently integrating zoom into my own product (an Electron desktop app) and I’m trying to show video & audio streams of the conference attendees in an HTML page via <video> tags with my own UI and layout. Is this possible with the current Electron SDK? Thanks.

If the above is not possible, is there a way to customize the built-in conference window provided by the Electron SDK, disabling all other features except the video streams? Specifically, I want to disable the chat feature, removing it both from the bottom toolbar and video element context menu.

carson.zoom · October 16, 2019, 3:27am

Hi mos66,

Thanks for the info. After consulting the engineering team, it seems like what you are trying to achieve is not possible with our current version of Electron. I have passed your use cases to our engineering team and we will investigate the possibility to support the feature you are looking for. I will let you know if I have any updates.

Thank you!

niwano_shintaro · October 17, 2019, 6:53am

There is a code dealing with Raw Data in yuv.html in demo.
Does this work?

github.com

zoom/zoom-sdk-electron/blob/master/demo/pages/yuv.html

<html>
<head>
  <link rel="stylesheet" type="text/css" href="./css/style.css" />
  <script src="./js/CanvasRender.js"></script>
</head>

<title>Zoom Electron Demo</title>
<body>
	<div class="center">
		<img class="logo" src="./images/fte_Logo.png" />
  </div> 
  <br>
  <div class="main-content">
    <div class="user-content left">
      <div>
        <div class="section">User List</div>
          <ul></ul>
        </div>
        <div>
          <div>

This file has been truncated. show original

github.com

zoom/zoom-sdk-electron/blob/master/demo/main.js#L503


    let oneWayAudioObj = {
      databuf: databuf,
      data_format: data_format,
      nodeid: nodeid
    }
    YUVWindow? YUVWindow.webContents.send('main-process-onewayaudiomessages', oneWayAudioObj): null;
  }
}


function hasRawDataLicense() {
  let ret = zoomsdk.HasRawDataLicense();
  console.log('hasRawDataLicense', ret);
  return ret;
}


let functionObj = {
  showSatrtJoinUnLoginWindow: function() {
    if (!startjoinUnLoginWindow) {
      startjoinUnLoginWindow = new BrowserWindow({ width: 700, height: 400,
        webPreferences: {
          nodeIntegration: true

carson.zoom · October 17, 2019, 5:06pm

Hi niwano_shintaro,
Thanks for using Zoom SDK. The raw data feature is not public available yet. So it won’t work at the moment.

Thanks!

niwano_shintaro · October 18, 2019, 8:34am

@carson.zoom Thank you for your answer.

tommy · October 21, 2019, 3:51pm

Thanks for your help Carson!

-Tommy

nraj · April 30, 2020, 4:13pm

Hey @carson.zoom,

It’s been a few months since this thread, wanted to check to see if raw video/audio data is now publicly available and expected to work on the electron sdk? If not, can we expect it in the future, or is it unlikely to be supported on the electron SDK?

Thanks for your help as always!
Nitin

carson.zoom · May 2, 2020, 5:46am

Hi Nitin,

Thanks for the reply. Our raw video/audio data feature is still not publicly available. We will continue to investigate the feasibility to make this feature publicly available in the future.

Thanks!

sam.decrock · May 19, 2020, 12:00pm

So this yuv.html page doesn’t do anything? Why is it already in the code then? It’s confusing.

carson.zoom · May 20, 2020, 5:38am

Hi Sam,

The YUV.html is for the raw data feature, which is not publicly available right now.

Thanks!

sam.decrock · May 20, 2020, 7:57am

Ok, thanks for your answer.

Topic		Replies	Views
Electron Raw SDK in demo doesn't work, and produces a strange unrelated error Electron raw-data	2	323	August 12, 2023
Electron - customize users videos, size and postion Electron	4	578	August 21, 2020
One way streaming of video Web	4	1068	August 21, 2020
Electron : Embed video session in my window Electron	2	563	August 21, 2020
Is it possible RawData Recording using ElectronJS Meeting SDK? Electron	21	1608	January 2, 2023

Support fully customize UI with Electron SDK?

Related Topics