videomail-client
Version:
A wicked npm package to record videos directly in the browser, wohooo!
23 lines (21 loc) • 3.64 kB
HTML
<html>
<head>
<title>videomail-client examples</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<h1>A form to play an existing videomail, nothing else</h1>
<div id='videomail'></div>
<script src='/js/videomail-client.js'></script>
<script>
var videomailClient = new VideomailClient({
verbose: true,
playerOnly: true
})
// just a copy paste of json of the videomail
// you normally would get from a xhr get request
videomailClient.replay({"subject":"test example mofo","from":"automatic@videomail.io","to":["automatic@videomail.io"],"body":"","recordingStats":{"avgFps":16.39344262295082,"wantedFps":15,"avgInterval":66.19285714285714,"wantedInterval":66.66666666666667,"intervalSum":9267,"framesCount":140,"videoType":"webm","waitingTime":1378},"width":400,"height":300,"videomailClientVersion":"2.1.26","siteName":"videomail.io","sending":true,"alias":"test-example-mofo-485573266478","dateCreated":1511570565748,"format":{"nb_streams":1,"nb_programs":0,"format_name":"mov,mp4,m4a,3gp,3g2,mj2","format_long_name":"QuickTime / MOV","start_time":0,"duration":8.537,"size":1349099,"bit_rate":1264237,"probe_score":100,"tags":{"major_brand":"isom","minor_version":"512","compatible_brands":"isomiso2avc1mp41","encoder":"Lavf57.71.100"}},"dateUpdated":1511570574377,"accepted":["automatic@videomail.io"],"url":"https://videomail.io/videomail/test-example-mofo-485573266478","key":"11e7-d179-62e4cfa0-8f72-6ff7f0c1e906","mp4":"https://videomail.io/videomail/test-example-mofo-485573266478/type/mp4/","webm":"https://videomail.io/videomail/test-example-mofo-485573266478/type/webm/","poster":"https://videomail.io/videomail/test-example-mofo-485573266478/poster/","reply":{"parentKey":"11e7-d179-62e4cfa0-8f72-6ff7f0c1e906","subject":"RE: test example mofo","to":["automatic@videomail.io"],"from":"automatic@videomail.io","parent":{"subject":"test example mofo","from":"automatic@videomail.io","to":["automatic@videomail.io"],"body":"","recordingStats":{"avgFps":16.39344262295082,"wantedFps":15,"avgInterval":66.19285714285714,"wantedInterval":66.66666666666667,"intervalSum":9267,"framesCount":140,"videoType":"webm","waitingTime":1378},"width":400,"height":300,"videomailClientVersion":"2.1.26","siteName":"videomail.io","sending":true,"alias":"test-example-mofo-485573266478","dateCreated":1511570565748,"format":{"nb_streams":1,"nb_programs":0,"format_name":"mov,mp4,m4a,3gp,3g2,mj2","format_long_name":"QuickTime / MOV","start_time":0,"duration":8.537,"size":1349099,"bit_rate":1264237,"probe_score":100,"tags":{"major_brand":"isom","minor_version":"512","compatible_brands":"isomiso2avc1mp41","encoder":"Lavf57.71.100"}},"dateUpdated":1511570574377,"accepted":["automatic@videomail.io"],"url":"https://videomail.io/videomail/test-example-mofo-485573266478","key":"11e7-d179-62e4cfa0-8f72-6ff7f0c1e906","reply":{"parentKey":"11e7-d179-62e4cfa0-8f72-6ff7f0c1e906","subject":"RE: test example mofo","to":["automatic@videomail.io"],"from":"automatic@videomail.io"},"replyUrl":"/reply/test-example-mofo-485573266478","correctUrl":"https://videomail.io/correct/test-example-mofo-485573266478","dateCreatedPretty":"Nov 25, 2017, 1:42 PM","sendingToPretty":"automatic@videomail.io"}},"replyUrl":"/reply/test-example-mofo-485573266478","correctUrl":"https://videomail.io/correct/test-example-mofo-485573266478","dateCreatedPretty":"Nov 25, 2017, 1:42 PM","sendingToPretty":"automatic@videomail.io"})
</script>
</body>
</html>