videojs-font

WebJar for videojs-font

License

License

Categories

Categories

IDE Development Tools
GroupId

GroupId

org.webjars.bowergithub.videojs
ArtifactId

ArtifactId

font
Last Version

Last Version

3.0.0
Release Date

Release Date

Type

Type

jar
Description

Description

videojs-font
WebJar for videojs-font
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/videojs/font

Download font

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.videojs/font/ -->
<dependency>
    <groupId>org.webjars.bowergithub.videojs</groupId>
    <artifactId>font</artifactId>
    <version>3.0.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.videojs/font/
implementation 'org.webjars.bowergithub.videojs:font:3.0.0'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.videojs/font/
implementation ("org.webjars.bowergithub.videojs:font:3.0.0")
'org.webjars.bowergithub.videojs:font:jar:3.0.0'
<dependency org="org.webjars.bowergithub.videojs" name="font" rev="3.0.0">
  <artifact name="font" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.videojs', module='font', version='3.0.0')
)
libraryDependencies += "org.webjars.bowergithub.videojs" % "font" % "3.0.0"
[org.webjars.bowergithub.videojs/font "3.0.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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.

You can see an overview of the icons used in the default Video.js font here: https://videojs.github.io/font/

Usage

$ 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:

$ 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 from the Material Design set, or pulling in new SVGs altogether.

{
  "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:

{
  "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:

$ 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:

$ grunt --custom-json=MyPluginFont.json --exclude-default
org.webjars.bowergithub.videojs

Video.js

Web Video Framework

Versions

Version
3.0.0