<commit_before><!DOCTYPE HTML>
<html>
<head>
<title>Are We Compressed Yet?</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="shortcut icon" href="favicon.ico" />
<!-- <link rel="stylesheet" type="text/css" href="//icecast.org/assets/css/style.css" media="screen, print"> -->
<link rel="stylesheet" type="text/css" href="xiphbar.css" media="screen, print">
<link type="text/css" rel="stylesheet" href="awcy.css"></link>
<link type="text/css" rel="stylesheet" href="bootstrap.css"></link>
</head>
<body>
<div id="xiphbar">
      <div>
        <a href="http://www.xiph.org/"><img src="xiph-community.svg" alt="the xiph open source community"></a>
        <ul>
            <li><a href="http://www.xiph.org/">Xiph.org</a></li>
            <li><a href="http://www.opus-codec.org/">Opus</a></li>
            <li><a href="http://xiph.org/flac/">FLAC</a></li>
            <li><a href="http://www.icecast.org/">Icecast</a></li>
            <li><a href="http://www.vorbis.com/">Vorbis</a></li>
            <li><a href="http://www.theora.org/">Theora</a></li>
            <li><a href="http://www.speex.org/">Speex</a></li>
            <li><a href="http://www.xspf.org/">XSPF</a></li>
        </ul>
      </div>
</div>
<header>
<h1>Are We Compressed Yet?</h1>
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li><a href="#submit" role="tab" data-toggle="tab">Submit</a></li>
  <li><a href="#timeline" role="tab" data-toggle="tab">Timeline</a></li>
  <li><a href="#about" role="tab" data-toggle="tab">About</a></li>
</ul>
</header>
<noscript>Sorry, this website currently requires <a href="https://www.destroyallsoftware.com/talks/the-birth-and-death-of-javascript">Javascript</a>.</noscript>

<div class="tab-content">

<article id="home" class="container-fluid tab-pane active">
  <div class="row">
    <div id="runbox" class="col-md-3">
      <h3>Runs</h3>
      Video set:
      <select id="run_filter_task" onChange="load_runs();load_sets()">
        <option value="video-1-short">video-1-short</option>
        <option value="video-hd-1">video-hd-1</option>
        <option value="ntt-short-1" selected>ntt-short-1</option>
        <option value="ntt-short-1-vc-720p30">ntt-short-1-vc-720p30</option>
        <option value="screenshots">screenshots</option>
        <option value="subset1">subset1</option>
        <option value="subset2">subset2</option>
        <option value="subset3">subset3</option>
        <option value="subset4">subset4</option>
        <option value="all">All</option>
      </select>
      <input type="button" class="btn" value="Reset" onClick="clear_runs()"></input>
      <div id="runs">
        <h4>Reference codecs:</h4>
        <div id="runs_latest">
        </div>
        <h4>Experimental runs:</h4>
        <div id="runs_experimental">
        </div>
      </div>
    </div>
    <div id="graphbox" class="col-md-9">
      <h3>Graph</h3>
      Metric:
      <select id="metric" onChange="regenerate_graph()">
        <option value="0">PSNR</option>
        <option value="1">PSNR-HVS</option>
        <option value="2">SSim</option>
        <option value="3" selected>FastSSim</option>
      </select>
      Video:
      <select id="video_name" onChange="regenerate_graph()" style="max-width: 300px">
        <option value="total.out">All files</option>
      </select>
      <br />
      X-Axis:
      <select id="graph_x_scaler" onChange="regenerate_graph()">
        <option value="1">Bits per pixel</option>
        <optgroup label="Streaming (16:9)">
        <option value="5.5296">Mbps @ 360p, 24fps</option>
        <option value="9.8304">Mbps @ 480p, 24fps</option>
        <option value="22.118">Mbps @ 720p, 24fps</option>
        <option value="49.7664">Mbps @1080p, 24fps</option>
        </optgroup>
        <optgroup label="Video Conferencing (16:9)">
        <option value="55.296">Mbps @ 720p, 60fps</option>
        </optgroup>
      </select>
      X-Axis Range:
      <select id="graph_x_range" onChange="regenerate_graph()">
        <option value="1.0">Full Range</option>
        <option value="0.5">Sensible Rates</option>
      </select>
      <label><input id="logarithmic" type="checkbox" checked onChange="regenerate_graph()"></input> Logarithmic</label>
      <div class="graph_box">
        <div id="rd_graph">
          ⟵Select runs on the left to compare.
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="controlbox col-md-6">
      <h3>BD rate</h3>
      <select id="bd_rate_range" onChange="regenerate_graph()">
        <option value="whole">Entire curve</option>
        <option value="sensible">Sensible rates (0 - 0.5 bpp)</option>
        <option value="str">Streaming video (0.1 - 0.12 bpp)</option>
        <option value="conf">Video conferencing (0.04 - 0.05 bpp)</option>
      </select>
      <label><input id="reverse_bd" type="checkbox" onChange="regenerate_graph()"></input> Reverse</label>
      <p id="bd_rate_title"></p>
      <pre id="bd_rate"></pre>
    </div>
    <div class="controlbox col-md-6">
      <h3>Raw Data</h3>
      <div id="raw_data"></div>
    </div>
  </div>
</article>

<article id="submit" class="container tab-pane">
  <div class="row controlarea">
    <div class="controlbox col-md-4 loginrequired" >
      <h3>Submit Job</h3>
      <form action="submit/job" method="post">
        <div class="form-group">
          <label>Run ID</label>
          <input name="run_id" id="run_id" class="form-control" placeholder="Please enter a unique name without spaces"></input>
        </div>
        <div class="form-group">
          <label>Git Commit Hash</label>
          <input name="commit" class="form-control" placeholder="e.g. 96146eac8438d1d5412d8fd678cad2ba9ce1b6e8"></input>
        </div>
        <div class="form-group">
          <label>Codec</label>
          <select name="codec" class="form-control">
            <option value="daala">Daala</option>
            <option value="x264">x264</option>
            <option value="x265">x265</option>
            <option value="x265-rt">x265 realtime</option>
            <option value="vp8">VP8</option>
            <option value="vp9">VP9</option>
          </select>
        </div>
        <div class="form-group"><commit_msg>Add thor to the submission form<commit_after><!DOCTYPE HTML>
<html>
<head>
<title>Are We Compressed Yet?</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="shortcut icon" href="favicon.ico" />
<!-- <link rel="stylesheet" type="text/css" href="//icecast.org/assets/css/style.css" media="screen, print"> -->
<link rel="stylesheet" type="text/css" href="xiphbar.css" media="screen, print">
<link type="text/css" rel="stylesheet" href="awcy.css"></link>
<link type="text/css" rel="stylesheet" href="bootstrap.css"></link>
</head>
<body>
<div id="xiphbar">
      <div>
        <a href="http://www.xiph.org/"><img src="xiph-community.svg" alt="the xiph open source community"></a>
        <ul>
            <li><a href="http://www.xiph.org/">Xiph.org</a></li>
            <li><a href="http://www.opus-codec.org/">Opus</a></li>
            <li><a href="http://xiph.org/flac/">FLAC</a></li>
            <li><a href="http://www.icecast.org/">Icecast</a></li>
            <li><a href="http://www.vorbis.com/">Vorbis</a></li>
            <li><a href="http://www.theora.org/">Theora</a></li>
            <li><a href="http://www.speex.org/">Speex</a></li>
            <li><a href="http://www.xspf.org/">XSPF</a></li>
        </ul>
      </div>
</div>
<header>
<h1>Are We Compressed Yet?</h1>
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
  <li><a href="#submit" role="tab" data-toggle="tab">Submit</a></li>
  <li><a href="#timeline" role="tab" data-toggle="tab">Timeline</a></li>
  <li><a href="#about" role="tab" data-toggle="tab">About</a></li>
</ul>
</header>
<noscript>Sorry, this website currently requires <a href="https://www.destroyallsoftware.com/talks/the-birth-and-death-of-javascript">Javascript</a>.</noscript>

<div class="tab-content">

<article id="home" class="container-fluid tab-pane active">
  <div class="row">
    <div id="runbox" class="col-md-3">
      <h3>Runs</h3>
      Video set:
      <select id="run_filter_task" onChange="load_runs();load_sets()">
        <option value="video-1-short">video-1-short</option>
        <option value="video-hd-1">video-hd-1</option>
        <option value="ntt-short-1" selected>ntt-short-1</option>
        <option value="ntt-short-1-vc-720p30">ntt-short-1-vc-720p30</option>
        <option value="screenshots">screenshots</option>
        <option value="subset1">subset1</option>
        <option value="subset2">subset2</option>
        <option value="subset3">subset3</option>
        <option value="subset4">subset4</option>
        <option value="all">All</option>
      </select>
      <input type="button" class="btn" value="Reset" onClick="clear_runs()"></input>
      <div id="runs">
        <h4>Reference codecs:</h4>
        <div id="runs_latest">
        </div>
        <h4>Experimental runs:</h4>
        <div id="runs_experimental">
        </div>
      </div>
    </div>
    <div id="graphbox" class="col-md-9">
      <h3>Graph</h3>
      Metric:
      <select id="metric" onChange="regenerate_graph()">
        <option value="0">PSNR</option>
        <option value="1">PSNR-HVS</option>
        <option value="2">SSim</option>
        <option value="3" selected>FastSSim</option>
      </select>
      Video:
      <select id="video_name" onChange="regenerate_graph()" style="max-width: 300px">
        <option value="total.out">All files</option>
      </select>
      <br />
      X-Axis:
      <select id="graph_x_scaler" onChange="regenerate_graph()">
        <option value="1">Bits per pixel</option>
        <optgroup label="Streaming (16:9)">
        <option value="5.5296">Mbps @ 360p, 24fps</option>
        <option value="9.8304">Mbps @ 480p, 24fps</option>
        <option value="22.118">Mbps @ 720p, 24fps</option>
        <option value="49.7664">Mbps @1080p, 24fps</option>
        </optgroup>
        <optgroup label="Video Conferencing (16:9)">
        <option value="55.296">Mbps @ 720p, 60fps</option>
        </optgroup>
      </select>
      X-Axis Range:
      <select id="graph_x_range" onChange="regenerate_graph()">
        <option value="1.0">Full Range</option>
        <option value="0.5">Sensible Rates</option>
      </select>
      <label><input id="logarithmic" type="checkbox" checked onChange="regenerate_graph()"></input> Logarithmic</label>
      <div class="graph_box">
        <div id="rd_graph">
          ⟵Select runs on the left to compare.
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="controlbox col-md-6">
      <h3>BD rate</h3>
      <select id="bd_rate_range" onChange="regenerate_graph()">
        <option value="whole">Entire curve</option>
        <option value="sensible">Sensible rates (0 - 0.5 bpp)</option>
        <option value="str">Streaming video (0.1 - 0.12 bpp)</option>
        <option value="conf">Video conferencing (0.04 - 0.05 bpp)</option>
      </select>
      <label><input id="reverse_bd" type="checkbox" onChange="regenerate_graph()"></input> Reverse</label>
      <p id="bd_rate_title"></p>
      <pre id="bd_rate"></pre>
    </div>
    <div class="controlbox col-md-6">
      <h3>Raw Data</h3>
      <div id="raw_data"></div>
    </div>
  </div>
</article>

<article id="submit" class="container tab-pane">
  <div class="row controlarea">
    <div class="controlbox col-md-4 loginrequired" >
      <h3>Submit Job</h3>
      <form action="submit/job" method="post">
        <div class="form-group">
          <label>Run ID</label>
          <input name="run_id" id="run_id" class="form-control" placeholder="Please enter a unique name without spaces"></input>
        </div>
        <div class="form-group">
          <label>Git Commit Hash</label>
          <input name="commit" class="form-control" placeholder="e.g. 96146eac8438d1d5412d8fd678cad2ba9ce1b6e8"></input>
        </div>
        <div class="form-group">
          <label>Codec</label>
          <select name="codec" class="form-control">
            <option value="daala">Daala</option>
            <option value="x264">x264</option>
            <option value="x265">x265</option>
            <option value="x265-rt">x265 realtime</option>
            <option value="vp8">VP8</option>
            <option value="vp9">VP9</option>
            <option value="thor">Thor</option>
          </select>
        </div>
        <div class="form-group">
{'fraction_non_alphanumeric': 0.19977194982896238, 'fraction_numerical': 0.027213987077156974, 'mean_word_length': 3.0844458242781743, 'pattern_counts': {'":': 0, '<': 501, '<?xml version=': 0, '>': 501, 'https://': 2, 'lorem ipsum': 0, 'www.': 18, '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': '7436851', 'n_tokens_mistral': 4740, 'n_tokens_neox': 4495, 'n_words': 794}