For the next step, we will need to create a the unique options that control connection between Agora and our client.  

Process:

Open a Finder window with your project folders before starting.

With TextEdit open, click New. 

Copy  the code this code:
// Handle errors. let handleError = function(err){ console.log("Error: ", err); }; // Query the container to which the remote stream belong. let remoteContainer = document.getElementById("remote-container"); // Add video streams to the container. function addVideoStream(elementId){ // Creates a new div for every stream let streamDiv = document.createElement("div"); // Assigns the elementId to the div. streamDiv.id = elementId; // Takes care of the lateral inversion streamDiv.style.transform = "rotateY(180deg)"; // Adds the div to the container. remoteContainer.appendChild(streamDiv); }; // Remove the video stream from the container. function removeVideoStream(elementId) { let remoteDiv = document.getElementById(elementId); if (remoteDiv) remoteDiv.parentNode.removeChild(remoteDiv); }; let client = AgoraRTC.createClient({ mode: "live", codec: "vp8", }); client.init("yourAppId", function() { console.log("client initialized"); }, function(err) { console.log("client init failed ", err); }); // Join a channel client.join("yourToken", "myChannel", null, (uid)=>{ // Create a local stream }, handleError); // Subscribe to the remote stream when it is published client.on("stream-added", function(evt){ client.subscribe(evt.stream, handleError); }); // Play the remote stream when it is subsribed client.on("stream-subscribed", function(evt){ let stream = evt.stream; let streamId = String(stream.getId()); addVideoStream(streamId); stream.play(streamId); }); // Remove the corresponding view when a remote user unpublishes. client.on("stream-removed", function(evt){ let stream = evt.stream; let streamId = String(stream.getId()); stream.close(); removeVideoStream(streamId); }); // Remove the corresponding view when a remote user leaves the channel. client.on("peer-leave", function(evt){ let stream = evt.stream; let streamId = String(stream.getId()); stream.close(); removeVideoStream(streamId); });
Paste the code into the text editor. 

Click Save. 

Select the Scripts folder in order to save the file into this folder. 

In the Save As field, type script.

Click Save.

From the Finder window, open the Scripts folder.

Select the Script file. 

Press Control + Left-Click (or Right-Click) and select Get Info. 

In the Name & Extension field, change the file format to .js. 

Confirm the change. Click Use .js.