Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
swdev:js:javascript_code_snippets [2016/05/20 09:58] smayr |
swdev:js:javascript_code_snippets [2018/02/09 14:07] (current) smayr |
||
---|---|---|---|
Line 37: | Line 37: | ||
</ | </ | ||
== Query Touch Device == | == Query Touch Device == | ||
- | <code html file sample.php> | + | File '' |
+ | <code html > | ||
< | < | ||
... | ... | ||
Line 69: | Line 70: | ||
</ | </ | ||
- | <code javascript file utils.js> | + | File '' |
+ | <code javascript> | ||
// | // | ||
// Test whether client device supports touch. | // Test whether client device supports touch. | ||
Line 97: | Line 99: | ||
Preload audio clips and play them. Add the following to a webpage: | Preload audio clips and play them. Add the following to a webpage: | ||
- | < | + | < |
< | < | ||
< | < | ||
Line 120: | Line 122: | ||
... | ... | ||
< | < | ||
- | <button type=" | + | <button type=" |
- | <button type=" | + | |
+ | <button type=" | ||
+ | | ||
</ | </ | ||
</ | </ | ||
+ | </ | ||
+ | |||
+ | Play audio clip using browser' | ||
+ | <code php> | ||
+ | <div class=" | ||
+ | < | ||
+ | <p>A preloaded audio clip, ready to play</ | ||
+ | <audio controls preload=" | ||
+ | <source src=" | ||
+ | <source src=" | ||
+ | <!-- text or flash fall back --> | ||
+ | Your browser does not support the audio element. | ||
+ | </ | ||
+ | <p>An autoplay clip</ | ||
+ | <audio src=" | ||
+ | </ | ||
</ | </ | ||
Source: | Source: | ||
- | * [[http:// | + | * [[http:// |
+ | * [[http:// | ||
+ | * [[http:// |