j1-template 2024.3.14 → 2024.3.16

data/assets/theme/j1/modules/lightGallery/js/plugins/lg-video.js

@@ -613,34 +613,43 @@
         };
 
         Video.prototype.controlVideo = function (index, action) {
+            const vjsOptions = j1.modules.videojs.options;
             var trackSrc,
                 $videoElement, videoInfo, videoStart, videoData, videoId,
-                videojsPlayer, zoomPlugin;
-
-            var playbackRatesDefaults    = '[0.25, 0.5, 1, 1.5, 2]';
-            var chapterTracksEnabled     = false;
-
-            var hotkeysPluginDefaults    = {
-              volumeStep:                 0.1,
-              seekStep:                   5,
-              enableMute:                 true,
-              enableVolumeScroll:         true,
-              enableHoverScroll:          false,
-              enableFullscreen:           true,
-              enableNumbers:              true,
-              enableJogStyle:             false,
-              alwaysCaptureHotkeys:       false,
-              captureDocumentHotkeys:     false,
-              enableModifiersForNumbers:  false,
-              enableInactiveFocus:        true,
-              skipInitialFocus:           false
+                videojsPlayer, playbackRates,
+                hotKeysPlugin, skipButtonsPlugin, zoomPlugin;
+
+            var playbackRatesDefaults = vjsOptions.playbackRates.values;
+            var chapterTracksEnabled  = false;
+
+            var hotKeysPluginDefaults    = {
+                volumeStep:                 vjsOptions.plugins.hotKeys.volumeStep,
+                seekStep:                   vjsOptions.plugins.hotKeys.seekStep,
+                enableMute:                 vjsOptions.plugins.hotKeys.enableMute,
+                enableVolumeScroll:         vjsOptions.plugins.hotKeys.enableVolumeScroll,
+                enableHoverScroll:          vjsOptions.plugins.hotKeys.enableHoverScroll,
+                enableFullscreen:           vjsOptions.plugins.hotKeys.enableFullscreen,
+                enableNumbers:              vjsOptions.plugins.hotKeys.enableNumbers,
+                enableJogStyle:             vjsOptions.plugins.hotKeys.enableJogStyle,
+                alwaysCaptureHotkeys:       vjsOptions.plugins.hotKeys.alwaysCaptureHotkeys,
+                captureDocumentHotkeys:     vjsOptions.plugins.hotKeys.captureDocumentHotkeys,
+                enableModifiersForNumbers:  vjsOptions.plugins.hotKeys.enableModifiersForNumbers,
+                enableInactiveFocus:        vjsOptions.plugins.hotKeys.enableInactiveFocus,
+                skipInitialFocus:           vjsOptions.plugins.hotKeys.skipInitialFocus
             };
 
-            var zoomPluginDefaults       = {
-              moveX:                      0,
-              moveY:                      0,
-              rotate:                     0,
-              zoom:                       1
+            var skipButtonsPluginDefaults  = {
+                backward:                     vjsOptions.plugins.skipButtons.backward,
+                forward:                      vjsOptions.plugins.skipButtons.forward,
+                backwardIndex:                0,
+                forwardIndex:                 1
+            };
+
+            var zoomPluginDefaults = {
+                moveX:                      vjsOptions.plugins.zoomButtons.moveX,
+                moveY:                      vjsOptions.plugins.zoomButtons.moveY,
+                rotate:                     vjsOptions.plugins.zoomButtons.rotate,
+                zoom:                       vjsOptions.plugins.zoomButtons.zoom
             };
 
             videoInfo     = this.core.galleryItems[index].__slideVideoInfo || {};
@@ -652,116 +661,190 @@
             // chapter tracks only available for VJS
             //
             if (this.core.galleryItems[this.core.index].video !== undefined && videoInfo.html5) {
-              videoData = JSON.parse(this.core.galleryItems[this.core.index].video);
-              if (videoData.tracks !== undefined && videoData.tracks.length > 0) {
-                for (var i=0; i<videoData.tracks.length; i++) {
-                  if (videoData.tracks[i].kind == 'chapters') {
-                    trackSrc = videoData.tracks[i].src;
-                    chapterTracksEnabled = true;
-                  }
-                }
-              } // END if videoData.tracks
+                videoData = JSON.parse(this.core.galleryItems[this.core.index].video);
 
-              if ($videoElement.selector !== undefined) {
-                videoId       = $videoElement.selector.id;
-                videojsPlayer = videojs(videoId);
-              } else {
-                videojsPlayer = 'unknown';
-              }
+                if (videoData.tracks !== undefined && videoData.tracks.length > 0) {
+                    for (var i=0; i<videoData.tracks.length; i++) {
+                        if (videoData.tracks[i].kind == 'chapters') {
+                            trackSrc = videoData.tracks[i].src;
+                            chapterTracksEnabled = true;
+                        }
+                    }
+                } // END if videoData.tracks
 
-              if (videojsPlayer !== 'unknown') {
-
-                // jadams, 2024-06-16: added VJS Plugins hotkeys|zoom, playbackRates
-                // ---------------------------------------------------------------
-                var hotkeysPlugin = this.settings.videojsOptions.controlBar.hotkeysPlugin;
-                var zoomPlugin    = this.settings.videojsOptions.controlBar.zoomPlugin;
-                var playbackRates = (this.settings.videojsOptions.controlBar.playbackRates !== undefined) ? this.settings.videojsOptions.controlBar.playbackRates : playbackRatesDefaults;
-
-                //  jadams, 2024-01-22: added video start position
-                // ---------------------------------------------------------------
-                if (this.settings.videojsOptions.videoStart !== undefined) {
-                  videoStart = this.settings.videojsOptions.videoStart[index];
-                  videojsPlayer.on("play", function() {
-                    var startFromSecond = new Date('1970-01-01T' + videoStart + 'Z').getTime() / 1000;
-                    videojsPlayer.currentTime(startFromSecond);
-
-                  }); // END on "play"
-                } // END if videoStart
-
-                // add playbackRates (only available for VJS)
-                videojsPlayer.playbackRates(playbackRates);
-
-                // add hotkeysPlugin (only available for VJS)
-                if (hotkeysPlugin !== undefined && hotkeysPlugin.enabled) {
-                  hotkeysPlugin.options = __assign(__assign({}, hotkeysPluginDefaults), hotkeysPlugin.options);
-                  videojsPlayer.hotkeys({
-                    enableModifiersForNumbers: hotkeysPlugin.options.enableModifiersForNumbers
-                  });
-                } // END if hotkeysPlugin enabled
-
-                // add zoomPlugin (only available for VJS)
-                if (zoomPlugin !== undefined && zoomPlugin.enabled) {
-                  zoomPlugin.options = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
-                  videojsPlayer.zoomPlugin({
-                    moveX:  zoomPlugin.options.moveX,
-                    moveY:  zoomPlugin.options.moveY,
-                    rotate: zoomPlugin.options.rotate,
-                    zoom:   zoomPlugin.options.zoom
-                  });
-                } // END if zoomPlugin enabled
-
-                // jadams, 2023-12-11: added chapter track processing (only available for VJS)
-                // -----------------------------------------------------------------
-                if (chapterTracksEnabled) {
-                  var parser  = new WebVTTParser();
-                  var markers = [];
-
-                  function cb_load (data /* ,textStatus, jqXHR */ ) {
-                    var tree = parser.parse(data, 'metadata');
-                    var marker;
-
-                    // add chapter tracks to markers array
-                    for (var i=0; i<tree.cues.length; i++) {
-                      marker = { time: tree.cues[i].startTime, label: tree.cues[i].text };
-                      markers.push(marker);
+                if ($videoElement.selector !== undefined) {
+                    videoId       = $videoElement.selector.id;
+                    videojsPlayer = videojs(videoId);
+                } else {
+                    videojsPlayer = 'unknown';
+                }
+
+                if (videojsPlayer !== 'unknown') {
+
+                    // added VJS Plugins hotKeys|skipButtons|zoom, playbackRates
+                    // -------------------------------------------------------------
+                    hotKeysPlugin     = this.settings.videojsOptions.controlBar.hotKeysPlugin;
+                    skipButtonsPlugin = this.settings.videojsOptions.controlBar.skipButtonsPlugin;
+                    zoomPlugin        = this.settings.videojsOptions.controlBar.zoomPlugin;
+                    playbackRates     = (this.settings.videojsOptions.controlBar.playbackRates !== undefined) ? this.settings.videojsOptions.controlBar.playbackRates : playbackRatesDefaults;
+
+                    //  jadams, 2024-01-22: added video start position
+                    // -------------------------------------------------------------
+                    if (this.settings.videojsOptions.videoStart !== undefined) {
+                        videoStart = this.settings.videojsOptions.videoStart[index];
+                         videojsPlayer.on("play", function() {
+                            var startFromSecond = new Date('1970-01-01T' + videoStart + 'Z').getTime() / 1000;
+                            videojsPlayer.currentTime(startFromSecond);
+                        }); // END on event play
+                    } // END if videoStart
+
+                    // add playbackRates (only available for VJS)
+                    if (videojsPlayer.playbackRates !== undefined) {
+                        videojsPlayer.playbackRates(playbackRates);
                     }
-                  }; // END callback
 
-                  // load chapter tracks
-                  loadVtt(trackSrc, cb_load);
+                    // add hotkeys Plugin (only available for VJS)
+                    if (hotKeysPlugin !== undefined && hotKeysPlugin.enabled && videojsPlayer.hotKeys !== undefined) {
+
+                        // merge objects
+                        hotKeysPlugin.options = __assign(__assign({}, hotKeysPluginDefaults), hotKeysPlugin.options);
+
+                        // prevent multiple plugin instances
+                        var hotKeysActive = false;
+                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.hotKeys !== undefined) {
+                            hotKeysActive = videojsPlayer.activePlugins_.hotKeys;
+                        }
+
+                        if (!hotKeysActive) {
+                            videojsPlayer.hotKeys({
+                                volumeStep:                         hotKeysPlugin.options.volumeStep,
+                                seekStep:                           hotKeysPlugin.options.seekStep,
+                                enableMute:                         hotKeysPlugin.options.enableMute,
+                                enableFullscreen:                   hotKeysPlugin.options.enableFullscreen,
+                                enableNumbers:                      hotKeysPlugin.options.enableNumbers,
+                                enableVolumeScroll:                 hotKeysPlugin.options.enableVolumeScroll,
+                                enableHoverScroll:                  hotKeysPlugin.options.enableHoverScroll,
+                                alwaysCaptureHotkeys:               hotKeysPlugin.options.alwaysCaptureHotkeys,
+                                captureDocumentHotkeys:             hotKeysPlugin.options.captureDocumentHotkeys,
+                                documentHotkeysFocusElementFilter:  hotKeysPlugin.options.documentHotkeysFocusElementFilter,
+
+                                // Mimic VLC seek behavior (default to: 15)
+                                seekStep: function(e) {
+                                    if (e.ctrlKey && e.altKey) {
+                                        return 5*60;
+                                    } else if (e.ctrlKey) {
+                                        return 60;
+                                    } else if (e.altKey) {
+                                        return 10;
+                                    } else {
+                                        return 15;
+                                    }
+                                }
+
+                            });
+                        } // END if hotKeysActive
 
-                  // add chapter tracks on play
-                  videojsPlayer.on("play", function() {
-                    videojsPlayer.currentTime(videoStart);
+                    } // END if hotKeysPlugin enabled
 
-                    var total    = videojsPlayer.duration();
-                    var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+                    // add skipButtons Plugin (only available for VJS)
+                    // -------------------------------------------------------------
+                    if (skipButtonsPlugin !== undefined && skipButtonsPlugin.enabled && videojsPlayer.skipButtons !== undefined) {
+                        // merge objects
+                        skipButtonsPlugin.options = __assign(__assign({}, skipButtonsPluginDefaults), skipButtonsPlugin.options);
 
-                    // add chapter tracks on timeline (delayed)
-                    setTimeout (function() {
-                      var markers_loaded = setInterval (function () {
-                        if (markers.length) {
-                          for (var i=0; i<markers.length; i++) {
-                            var left = (markers[i].time / total * 100) + '%';
-                            var time = markers[i].time;
-                            var el   = $('<div class="vjs-chapter-marker" style="left: ' +left+ '" data-time="' +time+ '"> <span>' +markers[i].label+ '</span></div>');
+                        // prevent multiple plugin instances
+                        var skipButtonsActive = false;
+                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.skipButtons !== undefined) {
+                            skipButtonsActive = videojsPlayer.activePlugins_.skipButtons;
+                        }
 
-                            el.click(function() {
-                              videojsPlayer.currentTime($(this).data('time'));
+                        if (!skipButtonsActive) {
+                            videojsPlayer.skipButtons({
+                                backward:         skipButtonsPlugin.options.backward,
+                                forward:          skipButtonsPlugin.options.forward,
+                                backwardIndex:    skipButtonsPlugin.options.backwardIndex,
+                                forwardIndex:     skipButtonsPlugin.options.forwardIndex
                             });
+                        }
+
+                    } // END if skipButtons Plugin enabled
+
+                    // add zoom Plugin (only available for VJS)
+                    // -----------------------------------------------------------------
+                    if (zoomPlugin !== undefined && zoomPlugin.enabled && videojsPlayer.zoomButtons !== undefined) {
+                        // merge objects
+                        zoomPlugin.options = __assign(__assign({}, zoomPluginDefaults), zoomPlugin.options);
 
-                            timeline.append(el);
-                          }
-                          clearInterval(markers_loaded);
+                        // prevent multiple plugin instances
+                        var zoomButtonsActive = false;
+                        if (videojsPlayer.activePlugins_ !== undefined && videojsPlayer.activePlugins_.zoomButtons !== undefined) {
+                            zoomButtonsActive  = videojsPlayer.activePlugins_.zoomButtons;
+                        }
+                        
+                        if (!zoomButtonsActive) {
+                            videojsPlayer.zoomButtons({
+                                moveX:  zoomPlugin.options.moveX,
+                                moveY:  zoomPlugin.options.moveY,
+                                rotate: zoomPlugin.options.rotate,
+                                zoom:   zoomPlugin.options.zoom
+                            });
                         }
-                      }, 10);
-                    }, 1000 );
 
-                  }); // END on "play"
+                    } // END if zoom Plugin enabled
+
+                    // chapter track processing (only available for VJS)
+                    // -----------------------------------------------------------------
+                    if (chapterTracksEnabled) {
+                        var parser  = new WebVTTParser();
+                        var markers = [];
+
+                        function cb_load (data /* ,textStatus, jqXHR */ ) {
+                            var tree = parser.parse(data, 'metadata');
+                            var marker;
+
+                            // add chapter tracks to markers array
+                            for (var i=0; i<tree.cues.length; i++) {
+                                marker = { time: tree.cues[i].startTime, label: tree.cues[i].text };
+                                markers.push(marker);
+                            }
+                        }; // END function cb_load 
+
+                        // load chapter tracks
+                        // -------------------------------------------------------------
+                        loadVtt(trackSrc, cb_load);
 
-                } // END if chapterTracksEnabled
+                        // add chapter tracks on play
+                        videojsPlayer.on("play", function() {
+                            videojsPlayer.currentTime(videoStart);
 
-              } // END if videojsPlayer is defined
+                            var total    = videojsPlayer.duration();
+                            var timeline = $(videojsPlayer.controlBar.progressControl.children_[0].el_);
+
+                            // add chapter tracks on timeline (delayed)
+                            setTimeout (function() {
+                                var markers_loaded = setInterval (function () {
+                                    if (markers.length) {
+                                        for (var i=0; i<markers.length; i++) {
+                                            var left = (markers[i].time / total * 100) + '%';
+                                            var time = markers[i].time;
+                                            var el   = $('<div class="vjs-chapter-marker" style="left: ' +left+ '" data-time="' +time+ '"> <span>' +markers[i].label+ '</span></div>');
+
+                                            el.click(function() {
+                                                videojsPlayer.currentTime($(this).data('time'));
+                                            });
+
+                                            timeline.append(el);
+                                        }
+                                        clearInterval(markers_loaded);
+                                    }
+                                }, 10); // END markers_loaded
+                            }, 1000 ); // END setTimeout
+
+                        }); // END on "play"
+
+                    } // END if chapterTracksEnabled
+
+                } // END if videojsPlayer is defined
 
             } // END if videoInfo.html5
 
@@ -811,7 +894,8 @@
                     console.warn('lightGallery: Make sure you have included //fast.wistia.com/assets/external/E-v1.js');
                 }
             }
-        };
+
+        }; // END controlVideo
 
         Video.prototype.loadVideoOnPosterClick = function ($el, forcePlay) {
             var _this = this;
@@ -875,4 +959,4 @@
 
     return Video;
 
-})));
+})));

data/assets/theme/j1/modules/videojs/assets/icons/custom-icons/next.svg

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24px"
+   height="24px"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg13"
+   sodipodi:docname="next-hover.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata17">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Shape</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1661"
+     inkscape:window-height="1135"
+     id="namedview15"
+     showgrid="false"
+     inkscape:pagecheckerboard="true"
+     inkscape:showpageshadow="false"
+     inkscape:zoom="30.625"
+     inkscape:cx="12"
+     inkscape:cy="12"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg13" />
+  <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">Shape</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs6" />
+  <g
+     id="Screens"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     transform="matrix(0.98334356,0,0,0.98498249,0.23649025,0.16326531)">
+    <g
+       id="Player"
+       transform="translate(-263,-528)"
+       fill="#ffffff">
+      <g
+         id="Controls"
+         transform="translate(24,504)">
+        <g
+           id="Skip-Next"
+           transform="translate(227,12)">
+          <path
+             d="M 12,36 29,24 12,12 Z M 32,12 v 24 h 4 V 12 Z"
+             id="Shape" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

data/assets/theme/j1/modules/videojs/css/font/README.md

@@ -0,0 +1,151 @@
+# Video.js Icon Font
+
+This project contains all of the tooling necessary to generate a new icon
+font for Video.js. The icons themselves are from Google's [Material Design Icons](https://github.com/google/material-design-icons) (from the commonly available version 3 of the set, with version 4 symbols supplemented as custom SVGs) and [Font Awesome](https://fontawesome.com/).
+
+You can see an overview of the icons used in the default Video.js font
+here: https://videojs.github.io/font/
+
+## Usage
+
+```sh
+$ npm install grunt-cli # only if you don't already have grunt installed
+$ npm install
+$ grunt
+```
+
+### Custom icons
+
+You can add custom icons by calling grunt with the `--custom-json` option.
+It takes a comma delimited list of paths to JSON files of the same format
+as below and merges it with the default icons file.
+
+Example:
+```sh
+$ grunt --custom-json=./lib/custom.json,./lib/custom2.json
+```
+
+## Making changes to the font
+
+To make changes to the default Video.js font, simply edit the `icons.json`
+file. You can add or remove icons, either by just selecting new SVGs fromthe [Material Design set](https://www.google.com/design/icons/), or pulling in new SVGs altogether.
+
+```json
+{
+  "font-name": "VideoJS",
+  "root-dir": "./node_modules/material-design-icons/",
+  "icons": [
+    {
+      "name": "play",
+      "svg": "av/svg/production/ic_play_arrow_48px.svg"
+    },
+    {
+      "name": "pause",
+      "svg": "av/svg/production/ic_pause_48px.svg"
+    },
+    {
+      "name": "cool-custom-icon",
+      "svg": "neato-icon.svg",
+      "root-dir": "./custom-icons/neato-icon.svg"
+    }
+  ]
+}
+```
+
+Once you're done, simply run `grunt` again to regenerate the fonts and scss partial. To edit the `_icons.scss` partial,
+update `templates/scss.hbs`.
+
+## Creating your own font
+
+If you are developing a Video.js plugin that uses custom icons, you can also create a new font instead of modifying the
+default font. Simply specify a new `font-name` and define the icons you want to include:
+
+```json
+{
+  "font-name": "MyPluginFont",
+  "root-dir": "./node_modules/material-design-icons/",
+  "icons": [
+    {
+      "name": "av-perm",
+      "svg": "action/svg/production/ic_perm_camera_mic_48px.svg"
+    },
+    {
+      "name": "video-perm",
+      "svg": "av/svg/production/ic_videocam_48px.svg"
+    },
+    {
+      "name": "audio-perm",
+      "svg": "av/svg/production/ic_mic_48px.svg"
+    }
+  ]
+}
+```
+Generate the `MyPluginFont` font files using the `--custom-json` option:
+
+```sh
+$ grunt --custom-json=MyPluginFont.json
+```
+
+### Exclude default icons
+
+By default, the regular Video.js icons are also included in the font. If you want to exclude these icons, when you're creating a Video.js plugin font for example, use the `--exclude-default` option.
+
+Example:
+```sh
+$ grunt --custom-json=MyPluginFont.json --exclude-default
+```
+
+## Icon unicode strings
+
+Videojs-font generates unicode strings for default and custom icons which are used as css pseudo-element content values by the videojs-icons.css file.
+
+### Version 4 default unicode values
+| Icon Name  | Unicode |
+| ---------- | ------- |
+| play | 'f101' |
+| play-circle | 'f102' |
+| pause | 'f103' |
+| volume-mute | 'f104' |
+| volume-low | 'f105' |
+| volume-mid | 'f106' |
+| volume-high | 'f107' |
+| fullscreen-enter | 'f108' |
+| fullscreen-exit | 'f109' |
+| spinner | 'f10a' |
+| subtitles | 'f10b' |
+| captions | 'f10c' |
+| hd | 'f10d' |
+| chapters | 'f10e' |
+| downloading | 'f10f' |
+| file-download | 'f110' |
+| file-download-done | 'f111' |
+| file-download-off | 'f112' |
+| share | 'f113' |
+| cog | 'f114' |
+| square | 'f115' |
+| circle | 'f116' |
+| circle-outline | 'f117' |
+| circle-inner-circle | 'f118' |
+| cancel | 'f119' |
+| repeat | 'f11a' |
+| replay | 'f11b' |
+| replay-5 | 'f11c' |
+| replay-10 | 'f11d' |
+| replay-30 | 'f11e' |
+| forward-5 | 'f11f' |
+| forward-10 | 'f120' |
+| forward-30 | 'f121' |
+| audio | 'f122' |
+| next-item | 'f123' |
+| previous-item | 'f124' |
+| shuffle | 'f125' |
+| cast | 'f126' |
+| picture-in-picture-enter | 'f127' |
+| picture-in-picture-exit | 'f128' |
+| facebook | 'f129' |
+| linkedin | 'f12a' |
+| twitter | 'f12b' |
+| tumblr | 'f12c' |
+| pinterest | 'f12d' |
+| audio-description | 'f12e' |
+