summaryrefslogtreecommitdiffstats
path: root/dom/media/test/test_mediarecorder_record_gum_video_timeslice.html
blob: efdd983037f3ae1374f2424e9377d8298ba0b798 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE HTML>
<html>
<head>
  <title>Test MediaRecorder Record gUM video with Timeslice</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<pre id="test">
<div id="content" style="display: none">
</div>
<script class="testbody" type="text/javascript">

function startTest() {
  navigator.mozGetUserMedia({audio: true, video: true, fake: true}, function(stream) {
    var dataAvailableCount = 0;
    var onDataAvailableFirst = false;

    mediaRecorder = new MediaRecorder(stream);
    is(mediaRecorder.stream, stream,
       'Media recorder stream = element stream at the start of recording');
    mediaRecorder.onwarning = function() {
      ok(false, 'onwarning unexpectedly fired');
    };

    mediaRecorder.onerror = function() {
      ok(false, 'onerror unexpectedly fired');
    };

    mediaRecorder.onstop = function() {
      ok(false, 'Unexpected onstop callback fired');
    };

    mediaRecorder.ondataavailable = function (evt) {
      info('ondataavailable fired');
      dataAvailableCount++;

      ok(evt instanceof BlobEvent,
         'Events fired from ondataavailable should be BlobEvent');
      is(evt.type, 'dataavailable',
         'Event type should dataavailable');
      ok(evt.data.size >= 0,
         'Blob data size ' + evt.data.size + ' received is greater than or equal to zero');
      is(mediaRecorder.mimeType, evt.data.type,
         'Mime type in MediaRecorder and ondataavailable : '
         + mediaRecorder.mimeType + ' == ' + evt.data.type);

      // We'll stop recording upon the 1st blob being received
      if (dataAvailableCount === 1) {
        mediaRecorder.onstop = function (evt) {
          info('onstop fired');

          if (!onDataAvailableFirst) {
            ok(false, 'onstop unexpectedly fired before ondataavailable');
          }

          ok(true, 'onstop fired successfully');
          is(mediaRecorder.state, 'inactive',
             'check recording status is inactive');
          SimpleTest.finish();
        };

        mediaRecorder.stop();
        is(mediaRecorder.state, 'inactive',
           'Media recorder is inactive after being stopped');

      } else if (dataAvailableCount === 2) {
        // Ensure we've received at least two ondataavailable events before
        // onstop
        onDataAvailableFirst = true;
      }
    };

    mediaRecorder.start(250);
    is(mediaRecorder.state, 'recording', 'Media recorder should be recording');
  }, function(err) {
    ok(false, 'Unexpected error fired with: ' + err);
    SimpleTest.finish();
  });
}

SimpleTest.waitForExplicitFinish();
startTest();
</script>
</pre>
</body>
</html>