<commit_before># FlMML on HTML5
The transplant of [FlMML](https://flmml.codeplex.com/), MML player which runs on Flash Player, to HTML5\.

---
Flash上でMMLを演奏する[FlMML](https://flmml.codeplex.com/)をHTML5環境上に移植したものです。

Web Audio, Web Workerを利用しているため現状動作ブラウザは限られますが、Flash版と比べ概ね軽快に動作します。  
[ニコニコ大百科](http://dic.nicovideo.jp/)で使われているものに近い、SVGを使用したプレイヤーUIも付属しています。  
![screenshot.gif](http://carborane3.github.io/FlMMLonHTML5/screenshot1.gif "Screen Shot")  

デモはこちら  
[Demo page](http://carborane3.github.io/FlMMLonHTML5/)

## Webページに貼り付ける
ここではMMLが記述されたファイルを`mml.txt`として話を進めます。  
HTMLファイルと同じディレクトリに
```
flmmlonhtml5.js
flmmlworker.js
flmmlplayer.js
mml.txt
```
のように、3つのスクリプトとMMLが記述されたファイル\(拡張子は何でも可\)を置きます。  
HTMLファイルの`<head>`タグ内に
```html
...
<head>
    ...
    <script type="text/javascript" src="flmmlonhtml5.js"></script>
    <script type="text/javascript" src="flmmlplayer.js"></script>
    ...
</head>
...
```
の__2行__\(`flmmlworker.js`は読み込まない\)を加え、プレイヤーを配置したいところに以下のように記述します。
```html
...<commit_msg>Fix screenshot URL<commit_after># FlMML on HTML5
The transplant of [FlMML](https://flmml.codeplex.com/), MML player which runs on Flash Player, to HTML5\.

---
Flash上でMMLを演奏する[FlMML](https://flmml.codeplex.com/)をHTML5環境上に移植したものです。

Web Audio, Web Workerを利用しているため現状動作ブラウザは限られますが、Flash版と比べ概ね軽快に動作します。  
[ニコニコ大百科](http://dic.nicovideo.jp/)で使われているものに近い、SVGを使用したプレイヤーUIも付属しています。  
![screenshot.gif](http://carborane3.github.io/FlMMLonHTML5/screenshot.gif "Screen Shot")  

デモはこちら  
[Demo page](http://carborane3.github.io/FlMMLonHTML5/)

## Webページに貼り付ける
ここではMMLが記述されたファイルを`mml.txt`として話を進めます。  
HTMLファイルと同じディレクトリに
```
flmmlonhtml5.js
flmmlworker.js
flmmlplayer.js
mml.txt
```
のように、3つのスクリプトとMMLが記述されたファイル\(拡張子は何でも可\)を置きます。  
HTMLファイルの`<head>`タグ内に
```html
...
<head>
    ...
    <script type="text/javascript" src="flmmlonhtml5.js"></script>
    <script type="text/javascript" src="flmmlplayer.js"></script>
    ...
</head>
...
```
の__2行__\(`flmmlworker.js`は読み込まない\)を加え、プレイヤーを配置したいところに以下のように記述します。
```html
...
{'fraction_non_alphanumeric': 0.16416416416416416, 'fraction_numerical': 0.011511511511511512, 'mean_word_length': 5.346031746031746, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3329684', 'n_tokens_mistral': 1163, 'n_tokens_neox': 1101, 'n_words': 100}