Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(13)

Unified Diff: native_client_sdk/src/doc/migration/public.html

Issue 2875303003: Add migration to WebAssembly information to PNaCl / NaCl docs. (Closed)
Patch Set: fix Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « native_client_sdk/src/doc/migration/irt.html ('k') | native_client_sdk/src/doc/nacl-and-pnacl.rst » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: native_client_sdk/src/doc/migration/public.html
diff --git a/native_client_sdk/src/doc/migration/public.html b/native_client_sdk/src/doc/migration/public.html
new file mode 100644
index 0000000000000000000000000000000000000000..4e1f801f31dcd827c7a82b938f9326ed7d758aea
--- /dev/null
+++ b/native_client_sdk/src/doc/migration/public.html
@@ -0,0 +1,2504 @@
+<table>
+</table>
+<h3>PPB_Audio</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">x </td>
+ <td style="font-size: 11px; padding: 5px;">SDL (partial) </td>
+ <td bgcolor="#ffeecc" style="font-size: 11px; padding: 5px;">GAP (partial) - AudioWorkletNode ROUGHLY equivalent</td>
+ <td style="font-size: 11px; padding: 5px;">Still being standardized. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCurrentConfig </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioContext.* (gets back settings passed in) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">StartPlayback </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBufferSourceNode.start </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">StopPlayback </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBufferSourceNode.stop </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_AudioBuffer</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTimestamp </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBufferSourceNode.start (parameter) </td>
+ <td style="font-size: 11px; padding: 5px;">Passed in each time instead of attached to the buffer. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetTimestamp </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBufferSourceNode.start (parameter) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSampleRate </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBuffer.sampleRate </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSampleSize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - WebAudio only uses 32-bit float, PPAPI does 16-bit int.</td>
+ <td style="font-size: 11px; padding: 5px;">PPAPI theoretically supports multiple sampling sizes. In practice, it only supports 16-bit samples. Unfortunately, developers have requested 16-bit sample sizes to save on memory use. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetNumberOfChannels </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBuffer.numberOfChannels </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetDataBuffer </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBuffer.getChannelData </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetBufferSize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBuffer.length </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_AudioConfig</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">CreateStereo16Bit </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - Only 32-bit float samples supported</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSampleRate </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioContext.sampleRate </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSampleFrameCount </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioBuffer.length </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RecommendSampleRate </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">AudioContext.sampleRate (from default construct) </td>
+ <td style="font-size: 11px; padding: 5px;">An AudioContext will have the preferred sampling rate by default. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RecommendSampleFrameCount </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No mechanism to get a recomended buffer size.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_Console</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Log </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">utime </td>
+ <td style="font-size: 11px; padding: 5px;">console.log/warn/error/... </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">LogWithSource </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">PPAPI provides a way to override the source filename and line number in a console message.
+(Though JS API provides way to style text). </td>
+ </tr>
+
+</table>
+<h3>PPB_Core</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">getTime </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">utime </td>
+ <td style="font-size: 11px; padding: 5px;">new Date().getTime() </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">getTimeTicks </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">utime </td>
+ <td style="font-size: 11px; padding: 5px;">new Date().getTime() </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsMainThread </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">window.document !== undefined </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">CallOnMainThread </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">Worker.postMessage + Atomics.wait </td>
+ <td style="font-size: 11px; padding: 5px;">Equivalent synchronization can be built. </td>
+ </tr>
+
+</table>
+<h3>PPB_FileIO</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">FileReader / FileWrite (Entry.createReader / Entry.createWriter) </td>
+ <td style="font-size: 11px; padding: 5px;">Create and open are used differently, but the pieces are of equal power. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Open </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">FileReader / FileWrite (Entry.createReader / Entry.createWriter) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Query </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.getMetadata </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Touch </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td bgcolor="#ffeecc" style="font-size: 11px; padding: 5px;">GAP (partial) - No direct equivalent, but no access time either.</td>
+ <td style="font-size: 11px; padding: 5px;">Modify time can be bumped by writing. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Read </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.getFile + Blob.slice + FileReader.getBinaryData </td>
+ <td style="font-size: 11px; padding: 5px;">Note, this API requires an extra copy to get a read into linear memory, and may be worse than that if Blob slices are not optimizes to use mmap. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Write </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">FileWriter.seek + FileWriter.write 'write*' Events </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetLength </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">FileWriter.truncate + 'write*' Events </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Flush </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent, no way to flush.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Close </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">No equivalent, open files and directories are implicitly closed. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ReadToArray </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent.</td>
+ <td style="font-size: 11px; padding: 5px;">Allows multiple subrange reads in parallel. </td>
+ </tr>
+
+</table>
+<h3>PPB_FileRef</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.getFile(..., {create:true}) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetFileSystemType </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">FileSystem.type </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetName </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.name </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetPath </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.fullPath </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetParent </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.getParent </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">MakeDirectory </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.getDirectory(..., {create:true}) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Touch </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td bgcolor="#ffeecc" style="font-size: 11px; padding: 5px;">GAP (partial) - No direct equivalent, but no access time either.</td>
+ <td style="font-size: 11px; padding: 5px;">Modify time can be bumped by writing. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Delete </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.remove </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Rename </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Entry.moveTo </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Query </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">Entry.getMetadata </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - JS API has file size and last modified date, but doesn't have creation date and last accessed date.</td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ReadDirectoryEntries </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">Directory.readEntries </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_FileSystem</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">FS (partial) </td>
+ <td style="font-size: 11px; padding: 5px;">window.requestFileSystem </td>
+ <td style="font-size: 11px; padding: 5px;">JS API does both in one step </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Open </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">window.requestFileSystem </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - Filesystems API is chrome only. IndexedDB has additional performance limitations around subrange writes.</td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetType </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">FileSystem.type </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_Fullscreen</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsFullScreen </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">html5.h </td>
+ <td style="font-size: 11px; padding: 5px;">Document.fullscreenEnabled </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetFullscreen </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">html5.h </td>
+ <td style="font-size: 11px; padding: 5px;">Document.requestFullscreen </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetScreenSize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">html5.h </td>
+ <td style="font-size: 11px; padding: 5px;">Document.exitFullscreen </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_Gamepad</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Sample </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Gamepad.* </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - PPAPI exposes a timestamp value, but the JS API doesn't provide this (though it is spec'd).</td>
+ </tr>
+
+</table>
+<h3>PPB_Graphics2D</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas.getContext('2d') </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Describe </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas.clientWidth + Canvas.clientHeight </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PaintImageData </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.putImageData </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Scroll </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.scrollIntoView </td>
+ <td bgcolor="#ffeecc" style="font-size: 11px; padding: 5px;">GAP (partial) - Not an exact match (might have to resort to getImageData + putImageData which will be slow). Not a cross-browser standard.</td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ReplaceContents </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.drawImage </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Flush </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - Only returning to the event loop triggers the flush.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetScale </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.scale </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetScale </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.currentTransform </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetLayerTransform </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.setTransform
+CanvasRenderingContext2d.scale
+CanvasRenderingContext2d.translate </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_Graphics3D</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetAttribMaxValue </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - Canvas.getContext lets you set booleans requesting depth / stencil buffers of certain sizes, but does not have a way to query what's possible (or get anything other than on or off for each)</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas.getContext </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetAttribs </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">WebGLRenderingContext.getContextAttributes </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetAttribs </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas.getContext(.., OPTIONS) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetError </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">WebGLRenderingContext.getError </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ResizeBuffers </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas.width = w; Canvas.height = h; </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SwapBuffers </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No way to explicitly flip a frame, must return to the event loop.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_ImageData</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetNativeImageDataFormat </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">ImageData mandates RGBA order </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsImageDataFormatSupported </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">ImageData mandates RGBA order </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">CanvasRenderingContext2d.createImageData </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Describe </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">ImageData never has a stride </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Map </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">ImageData.data </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Unmap </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">ImageData.data </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_InputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RequestInputEvents </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">No direct equivalent </td>
+ <td style="font-size: 11px; padding: 5px;">The lack of this feature is probably less relevant as JS / Wasm runs on the main thread and can more cheaply filter events without incurring a cross process round-trip. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RequestFilteringInputEvents </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">mouse* key* wheel* touch* composition* Events </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element.addEventListener </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ClearInputEventRequest </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element.removeEventListener </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetType </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Event class descendants </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTimeStamp </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Event.timeStamp </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetModifiers </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">*Event.altKey/shiftKey/metaKey/ctrlKey </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_MouseInputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">MouseEvent </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetButton </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">MouseEvent.button </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetPosition </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">MouseEvent.client*/page*/offset* </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetClickCount </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">dblclick' vs 'mousedown' Events </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetMovement </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">MouseEvent.movement* </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_WheelInputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">WheelEvent </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetDelta </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">WheelEvent.delta* </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTicks </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - deltaMode kinda of contains this info, but incompletely.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetScrollByPage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - deltaMode kinda of contains this info, but incompletely.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_KeyboardInputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">KeyboardEvent </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetKeyCode </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">KeyboardEvent.keyCode </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCharacterText </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">KeyboardEvent.key </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCode </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">KeyboardEvent.code </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_TouchInputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">TouchEvent </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">AddTouchPoint </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">TouchEvent.touches.push </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTouchCount </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">TouchEvent.touches.length </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTouchByIndex </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">TouchEvent.touches[i] </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTouchById </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Touch.indentifer (to figure this out yourself) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_IMEInputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">CompositionEvent </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetText </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">CompositionEvent.data </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSegmentNumber </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSegmentOffset </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTargetSegment </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSelection </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_Instance</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">BindGraphics </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas.getContext (moot as binding is automatic). </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsFullFrame </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent to mime type handlers.</td>
+ <td style="font-size: 11px; padding: 5px;">NaCl apps can be registered to handle a particular mime type and own the whole document. </td>
+ </tr>
+
+</table>
+<h3>PPB_MediaStreamAudioTrack</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Configure </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetAttrib </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStreamSettings.channelCount </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStreamSettings.sampleSize </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStreamSettings.sampleRate </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - no equivalent to PP_MEDIASTREAMAUDIOTRACK_ATTRIB_BUFFERS</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - no equivalent to PP_MEDIASTREAMAUDIOTRACK_ATTRIB_DURATION</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetId </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStream.id </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HasEnded </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStream.ended </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetBuffer </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RecycleBuffer </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Close </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_MediaStreamVideoTrack</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;">Ability to create synthetic stream. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Configure </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetAttrib </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStreamSettings.width </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStreamSettings.height </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - no equivalent to PP_MEDIASTREAMVIDEOTRACK_ATTRIB_BUFFERED_FRAMES</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - no equivalent to PP_MEDIASTREAMVIDEOTRACK_ATTRIB_FORMAT</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetId </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStream.id </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HasEnded </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">MediaStream.ended </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetFrame </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RecycleFrame </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Close </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetEmptyFrame </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PutFrame </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_MessageLoop</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetForMainThread </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCurrent </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">AttachToCurrentThread </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Run </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PostWork </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PostQuit </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Mostly moot, workers get an implicit event loop. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_Messaging</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PostMessage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Window.postMessage </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RegisterMessageHandler </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Window.addEventListener </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">UnregisterMessageHandler </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Window.removeEventListener </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_MouseCursor</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetCursor </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element.style.cursor </td>
+ <td style="font-size: 11px; padding: 5px;">Same set of stock cursors are supported.
+Custom cursors can be done with url(..).
+Dynamic custom cursors can be done with data URIs.
+CSS3 supports specifying the hotspot. </td>
+ </tr>
+
+</table>
+<h3>PPB_MouseLock</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">LockMouse </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element.requestPointerLock </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">UnlockMouse </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element.exitPointerLock </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_OpenGLES2</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Several Methods </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">OpenGLES </td>
+ <td style="font-size: 11px; padding: 5px;">Close to WebGL 1.0 in functionality. </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">x </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - Without offscreen canvas, rendering must be done on the main thread.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_TextInputController</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetTextInputType </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent hints to browser about canvas containing input.</td>
+ <td style="font-size: 11px; padding: 5px;">Some developers would like to either be able to hint in this fashion, or preferrably the ability to intercept and display IME events / output inline inside a canvas. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">UpdateCaretPosition </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent hints to browser about canvas containing input.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">CancelCompositionText </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent hints to browser about canvas containing input.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">UpdateSurroundingText </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent hints to browser about canvas containing input.</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_URLLoader</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">new XMLHttpRequest(); </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Open </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest.open </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">FollowRedirect </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Request.redirect </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No XMLHTTPRequest equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetUploadProgress </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest 'progress' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No Fetch API equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetDownloadProgress </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest 'progress' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No Fetch API equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetResponseInfo </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest.getAllResponseHeaders </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Fetch Response.* </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ReadResponseBody </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest.response </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Body.* (Response is a Body) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">FinishStreamingToFile </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest and Fetch both assume streaming to memory, rather than directly to a storage. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Close </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest.abort </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No Fetch API equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_URLRequestInfo</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Fetch Request </td>
+ <td style="font-size: 11px; padding: 5px;">No way to stream to a file. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetProperty </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent for XMLHttpRequest</td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest doesn't provide direct ways to per-request limit following redirects, stream to a file, set referrer or credentials policy. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Request.* </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">AppendDataToBody </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest.send </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - Both must have the whole body, rather than a chunk.</td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">fetch(.., options:body) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">AppendFileToBody </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">&lt;form&gt; </td>
+ <td style="font-size: 11px; padding: 5px;">You can also read with FileReader and upload, but that's more like AppendDataToBody </td>
+ </tr>
+
+</table>
+<h3>PPB_URLResponseInfo</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetProperty </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">XMLHttpRequest.getAllResponseHeaders + others </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;"> </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Fetch Response.* </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetBodyAsFileRef </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Fetch Response (Body) .blob() </td>
+ <td style="font-size: 11px; padding: 5px;">Assumes storage layer optimizes transfer. </td>
+ </tr>
+
+</table>
+<h3>PPB_Var</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">VarFromUtf8 </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">TextDecoder.decode </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">VarToUtf8 </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">TextEncoder.encode </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">VarFromResource </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">VarToResource </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_VarArray</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Get </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Array[i] </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Set </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Array[i] = x </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetLength </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Array.length </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetLength </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Array.length = n </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_VarArrayBuffer</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">new ArrayBuffer(n) </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ByteLength </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">ArrayBuffer.byteLength </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Map </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;">Asm.js / Wasm modules are unable to map regions of an ArrayBuffer other than their single linear memory heap.
+Future multiple memories or memory mapping might improve this. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Unmap </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_VarDictionary</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">{} </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Get </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">&lt;Object&gt;[i] </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Set </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">&lt;Object&gt;[i] = x </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Delete </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">delete &lt;Object&gt;[i] </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HasKey </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">x in &lt;Object&gt; </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetKeys </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">for (k in &lt;Object&gt;) {} </td>
+ <td style="font-size: 11px; padding: 5px;">No literal equivalent, but it can be built. </td>
+ </tr>
+
+</table>
+<h3>PPB_VideoDecoder</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Initialize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Decode </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetPicture </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RecyclePicture </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Flush </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Reset </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_VideoEncoder</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;">Overlap with MediaRecorder API, but not exact. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSupportedProfiles </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Initialize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetFramesRequired </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetFrameCodedSize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetVideoFrame </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Encode </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetBitstreamBuffer </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RecycleBitstreamBuffer </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">RequestEncodingParametersChange </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Close </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_VideoFrame</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetTimestamp </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SetTimestamp </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetFormat </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetSize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetDataBuffer </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetDataBufferSize </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No equivalent</td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_View</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetRect </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Element.getBoundingClientRect </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsFullscreen </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">Document.fullScreenEnabled </td>
+ <td style="font-size: 11px; padding: 5px;">Pertains to document instead of just single element. </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsVisible </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">IntersectionObserver </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">IsPageVisible </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">document.visibilityState </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetClipRect </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">IntersectionObserver </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetDeviceScale </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">window.devicePixelRatio </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCSSScale </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">&lt;Element&gt;.getBoundingClientRect().width / &lt;Element&gt;.offsetWidth </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetScrollOffset </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">&lt;Element&gt;.scrollTop / &lt;Element&gt;.scrollLeft </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPB_WebSocket</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Create </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.WebSocket </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Connect </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.WebSocket(url, ...)
+WebSocket 'open' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Close </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.close </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">ReceiveMessage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket 'message' Event
+WebSocket 'error' Event
+WebSocket 'close' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">SendMessage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.send </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetBufferedAmount </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.bufferedAmount </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCloseCode </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">CloseEvent.code </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCloseReason </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">CloseEvent.reason </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetCloseWasClean </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">CloseEvent.wasClean </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetExtensions </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.extensions </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetProtocol </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.protocol </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetReadyState </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.readyState </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">GetURL </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP</td>
+ <td style="font-size: 11px; padding: 5px;">WebSocket.url </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPP_Graphics3D</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">Graphics3DContextLost </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Canvas 'webglcontextlost' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPP_InputEvent</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HandleInputEvent </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element.addEventListener </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPP_Instance</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">DidCreate </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">&lt;Element&gt;[key] </td>
+ <td style="font-size: 11px; padding: 5px;">General DOM access lets you fish out tag attributes </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">DidDestroy </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Not triggered for NaCl </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">DidChangeView </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Element 'resize' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">DidChangeFocus </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td style="font-size: 11px; padding: 5px;">Element 'focus', 'focusin', 'focusout' Events </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HandleDocumentLoad </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No way to register as a mime type handler</td>
+ <td style="font-size: 11px; padding: 5px;">NaCl modules via apps + a manifest entry can be set up to handle particular mime types. </td>
+ </tr>
+
+</table>
+<h3>PPP_MessageHandler</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HandleMessage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">MessagePort 'message' Event
+Window 'message' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HandleBlockingMessage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">N/A </td>
+ <td bgcolor="#ffcccc" style="font-size: 11px; padding: 5px;">GAP - No direct equivalent</td>
+ <td style="font-size: 11px; padding: 5px;">Similar synchronization can be done off main thread with Atomics.wait. This was added to support emulation of synchronous plugin APIs. </td>
+ </tr>
+
+</table>
+<h3>PPP_Messaging</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">HandleMessage </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">embind </td>
+ <td style="font-size: 11px; padding: 5px;">MessagePort 'message' Event
+Window 'message' Event </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
+<h3>PPP_MouseLock</h3>
+<table>
+ <tr bgcolor="#77ccff" style="color:white; font-weight: bold;">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">PPAPI Method </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;">Assumes Threads </td>
+ <td style="font-size: 11px; padding: 5px;">Emscripten </td>
+ <td style="font-size: 11px; padding: 5px;">Web API </td>
+ <td style="font-size: 11px; padding: 5px;">Limitations </td>
+ </tr>
+
+ <tr bgcolor="#fcfcfc">
+ <td style="font-weight: bold; font-size: 11px; padding: 5px;">MouseLockLost </td>
+ <td style="width: 50px; text-align: center; font-size: 11px; padding: 5px;"> </td>
+ <td style="font-size: 11px; padding: 5px;">SDL </td>
+ <td style="font-size: 11px; padding: 5px;">Element 'pointerlockchange', 'pointerlockerror' Events </td>
+ <td style="font-size: 11px; padding: 5px;"> </td>
+ </tr>
+
+</table>
« no previous file with comments | « native_client_sdk/src/doc/migration/irt.html ('k') | native_client_sdk/src/doc/nacl-and-pnacl.rst » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698