blob: 13577dd6219e806d921df14a6831f4d3897d9304 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
---
title: Notification.sound
slug: orphaned/Web/API/notification/sound
translation_of: Web/API/notification/sound
original_slug: Web/API/notification/sound
---
<p>{{APIRef("Web Notifications")}}</p>
<div class="note">
<p><strong>Note</strong>: 这个属性并没有完全被一些浏览器支持.</p>
</div>
<p> <code>sound</code> 是 {{domxref("Notification")}}的只读属性，interface specifies the URL of an audio file to be played when the notification fires. This is specified in the <code>sound</code> option of the {{domxref("Notification.Notification","Notification()")}} constructor.</p>
<h2 id="Syntax" name="Syntax">Syntax</h2>
<pre class="eval">var sound = Notification.sound;
</pre>
<h3 id="Return_Value" name="Return_Value">Value</h3>
<p>A {{domxref("USVString")}}.</p>
<h2 id="Examples">Examples</h2>
<p>The following snippet is intended to fire a sound along with the notification; a simple <code>options</code> object is created, then the notification is fired using the <code>Notification()</code> constructor.</p>
<pre class="brush: js">var options = {
body: 'Do you like my body?',
sound: 'audio/alert.mp3'
}
var n = new Notification('Test notification',options);
n.sound // should return 'audio/alert.mp3'</pre>
<h2 id="Specifications">Specifications</h2>
<table>
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td>{{SpecName('Web Notifications','#dom-notification-sound','sound')}}</td>
<td>{{Spec2('Web Notifications')}}</td>
<td>Living standard</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Android Webview</th>
<th>Firefox Mobile (Gecko)</th>
<th>Firefox OS</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
<th>Chrome for Android</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{ CompatNo() }}</td>
<td>
<p>{{ CompatNo() }}</p>
</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>{{ CompatNo() }}</td>
<td>
<p>{{ CompatNo() }}</p>
</td>
</tr>
</tbody>
</table>
</div>
<h3 id="Firefox_OS_notes">Firefox OS notes</h3>
<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Firefox OS notes")}}</p>
<h3 id="Chrome_notes">Chrome notes</h3>
<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Chrome notes")}}</p>
<h3 id="Safari_notes">Safari notes</h3>
<p>{{Page("/en-US/docs/Web/API/Notifications_API", "Safari notes")}}</p>
<h2 id="See_also">See also</h2>
<ul>
<li><a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a></li>
</ul>
|
