Updates to the browser agent

newrelic · Jan 24, 2025 · a77ee5d · a77ee5d
1 parent acfde82
commit a77ee5d
Showing 1 changed file with 94 additions and 15 deletions.
diff --git a/src/install/browser-media/appInfo_EU2.mdx b/src/install/browser-media/appInfo_EU2.mdx
@@ -59,55 +59,134 @@ Add our streaming agent to an application that already has our browser agent ins
 
             <tr>
             <td>
-
+                Dash.js
             </td>
 
             <td>
-
+                ```json
+                curl -L -o newrelic-video-dash.latest.min.js https://download.newrelic.com/media-agents/browser/dash/newrelic-video-dash.latest.min.js 
+                ```
             </td>
             </tr>
 
             <tr>
             <td>
-
+                HTML5
             </td>
 
             <td>
-
+                ```json
+                curl -L -o newrelic-video-html5.latest.min.js https://download.newrelic.com/media-agents/browser/html5/newrelic-video-html5.latest.min.js 
+                ```
             </td>
             </tr>
 
             <tr>
             <td>
-
+                VideoJs
             </td>
 
             <td>
-
+                ```json
+                curl -L -o newrelic-video-videojs.latest.min.js https://download.newrelic.com/media-agents/browser/videojs/newrelic-video-videojs.latest.min.js 
+                ```
             </td>
             </tr>
+        </tbody>
+        </table>
 
+    2. Add the following code snippet to your application to start monitoring your video player.
+
+        <table>
+        <thead>
+            <tr>
+            <th width={225}>
+                <DNT>
+                **Player name**
+                </DNT>
+            </th>
+
+            <th>
+                <DNT>
+                **Code snippet**
+                </DNT>
+            </th>
+            </tr>
+        </thead>
+
+        <tbody>
             <tr>
             <td>
-
+                Shaka
             </td>
 
             <td>
+                ```json
+                // var player = shaka('player');
+
+                nrvideo.Core.addTracker(new nrvideo.ShakaTracker(player));
+                ```
+            </td>
+            </tr>
 
+            <tr>
+            <td>
+                Bitmovin
+            </td>
+
+            <td>
+                ```json
+                // var player = bitmovin('player');
+
+                nrvideo.Core.addTracker(new nrvideo.BitmovinTracker(player));
+                ```
             </td>
             </tr>
-        </tbody>
-        </table>
+
+            <tr>
+            <td>
+                Dash.js
+            </td>
 
-    2. Add the following code snippet to your application to start monitoring your video player.
+            <td>
+                ```json
+                // var player = dash('player');
+
+                nrvideo.Core.addTracker(new nrvideo.DashTracker(player));
+                ```
+            </td>
+            </tr>
+
+            <tr>
+            <td>
+                HTML5
+            </td>
 
-        * Shaka player:
+            <td>
+                ```json
+                // var player = html5('player');
 
-        ```json
-        // var player = shaka('player');
+                nrvideo.Core.addTracker(new nrvideo.Html5Tracker(player)); 
+                ```
+            </td>
+            </tr>
+
+            <tr>
+            <td>
+                VideoJs
+            </td>
+
+            <td>
+                ```json
+                // var player = videojs('player');
+
+                nrvideo.Core.addTracker(new nrvideo.VideojsTracker(player));
+                ```
+            </td>
+            </tr>
+        </tbody>
+        </table>
 
-        nrvideo.Core.addTracker(new nrvideo.ShakaTracker(player));
-        ```
     3. Click **See your data** to generate the data.
 
 <Callout variant="important">