Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions files/en-us/_redirects.txt
Original file line number Diff line number Diff line change
Expand Up @@ -9818,6 +9818,7 @@
/en-US/docs/Web/API/PaymentResponse/onpayerdetailchange /en-US/docs/Web/API/PaymentResponse/payerdetailchange_event
/en-US/docs/Web/API/PaymentResponse/payerdetail_event /en-US/docs/Web/API/PaymentResponse/payerdetailchange_event
/en-US/docs/Web/API/PaymentValidationErrors /en-US/docs/Web/API/PaymentResponse/retry
/en-US/docs/Web/API/Payment_Handler_API /en-US/docs/Web/API/Web-Based_Payment_Handler_API
/en-US/docs/Web/API/Performance.navigation /en-US/docs/Web/API/Performance/navigation
/en-US/docs/Web/API/Performance.now /en-US/docs/Web/API/Performance/now
/en-US/docs/Web/API/Performance.now() /en-US/docs/Web/API/Performance/now
Expand Down
10 changes: 9 additions & 1 deletion files/en-us/mozilla/firefox/releases/149/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,12 +62,20 @@ Firefox 149 is the current [Beta version of Firefox](https://www.firefox.com/en-

#### Media, WebRTC, and Web Audio

- The {{domxref("HTMLMediaElement.captureStream()", "captureStream()")}} method of the {{domxref("HTMLMediaElement")}} interface is now supported.
- The {{domxref("HTMLMediaElement.captureStream()")}} method is now supported.
This returns an object that streams the real-time capture of the content in the element.
The stream can be used, for example, as a source for a WebRTC {{domxref("RTCPeerConnection")}}.
Previously, `captureStream()` was available only as the non-standard `mozCaptureStream()` method.
([Firefox bug 2017708](https://bugzil.la/2017708)).

- {{domxref("MediaElementAudioSourceNode")}} now respects the media element's volume when capturing audio for all types of sources (as required by the specification).
Previously, setting the volume of the element did not affect the captured audio for {{domxref("MediaStream")}} sources.
([Firefox bug 2010427](https://bugzil.la/2010427)).

- The {{domxref("HTMLMediaElement.captureStream()", "HTMLMediaElement.mozCaptureStream()")}} method now captures raw audio from the source without applying the media element's volume, regardless of the type of source the media element is playing (as required by the specification).
Prior to this change, the media element's volume affected the volume of the captured stream.
([Firefox bug 2010427](https://bugzil.la/2010427)).

<!-- #### Removals -->

<!-- ### WebAssembly -->
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.CanMakePaymentEvent.CanMakePaymentEvent
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`CanMakePaymentEvent()`** constructor creates a new {{domxref("CanMakePaymentEvent")}} object instance.

Expand Down Expand Up @@ -53,7 +53,7 @@ self.addEventListener("canmakepayment", (e) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/api/canmakepaymentevent/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ status:
browser-compat: api.CanMakePaymentEvent
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`CanMakePaymentEvent`** interface of the {{domxref("Payment Handler API", "", "", "nocode")}} is the event object for the {{domxref("ServiceWorkerGlobalScope.canmakepayment_event", "canmakepayment")}} event, fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls the {{domxref("PaymentRequest.PaymentRequest", "PaymentRequest()")}} constructor.
The **`CanMakePaymentEvent`** interface of the {{domxref("Web-based Payment Handler API", "", "", "nocode")}} is the event object for the {{domxref("ServiceWorkerGlobalScope.canmakepayment_event", "canmakepayment")}} event, fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls the {{domxref("PaymentRequest.PaymentRequest", "PaymentRequest()")}} constructor.

{{InheritanceDiagram}}

Expand Down Expand Up @@ -51,7 +51,7 @@ self.addEventListener("canmakepayment", (e) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/api/canmakepaymentevent/respondwith/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.CanMakePaymentEvent.respondWith
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`respondWith()`** method of the {{domxref("CanMakePaymentEvent")}} interface enables the service worker to respond appropriately to signal whether it is ready to handle payments.

Expand Down Expand Up @@ -55,7 +55,7 @@ self.addEventListener("canmakepayment", (e) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
3 changes: 1 addition & 2 deletions files/en-us/web/api/htmlmediaelement/volume/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,7 @@ which the media will be played.

## Value

A double values must fall between 0 and 1, where 0 is effectively muted and 1 is the
loudest possible value.
A number between 0 and 1, where 0 is effectively muted, and 1 is the loudest possible value.

## Examples

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -311,7 +311,7 @@ request

## Pre-authorizing transactions

Some use cases (e.g., paying for fuel at a service station) involve pre-authorizing payment. One way to do this is through a Payment Handler (see the {{domxref("Payment Handler API", "", "", "nocode")}}). At the time of writing, that specification includes a `canmakepayment` event that a Payment Handler could make use of to return authorization status.
Some use cases (e.g., paying for fuel at a service station) involve pre-authorizing payment. One way to do this is through a Web-based Payment Handler (see the {{domxref("Web-based Payment Handler API", "", "", "nocode")}}). At the time of writing, that specification includes a `canmakepayment` event that a Web-based Payment Handler could make use of to return authorization status.

The merchant code would look like this:

Expand All @@ -337,7 +337,7 @@ paymentRequest
});
```

The payment handler would include the following code:
The web-based payment handler would include the following code:

```js
self.addEventListener("canmakepayment", (evt) => {
Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/api/paymentmanager/enabledelegations/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentManager.enableDelegations
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}

The **`enableDelegations()`** method of the {{domxref("PaymentManager")}} interface delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).

Expand Down Expand Up @@ -66,7 +66,7 @@ navigator.serviceWorker.register("serviceworker.js").then((registration) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
8 changes: 4 additions & 4 deletions files/en-us/web/api/paymentmanager/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ status:
browser-compat: api.PaymentManager
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}

The **`PaymentManager`** interface of the {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}} is used to manage various aspects of payment app functionality.
The **`PaymentManager`** interface of the {{domxref("Web-based Payment Handler API", "", "", "nocode")}} is used to manage various aspects of payment app functionality.

It is accessed via the {{domxref("ServiceWorkerRegistration.paymentManager")}} property.

Expand All @@ -18,7 +18,7 @@ It is accessed via the {{domxref("ServiceWorkerRegistration.paymentManager")}} p
## Instance properties

- {{domxref("PaymentManager.userHint", "userHint")}} {{Experimental_Inline}}
- : Provides a hint for the browser to display along with the payment app's name and icon in the Payment Handler UI.
- : Provides a hint for the browser to display along with the payment app's name and icon in the Web-based Payment Handler UI.

## Instance methods

Expand Down Expand Up @@ -51,7 +51,7 @@ navigator.serviceWorker.register("serviceworker.js").then((registration) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
6 changes: 3 additions & 3 deletions files/en-us/web/api/paymentmanager/userhint/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@ status:
browser-compat: api.PaymentManager.userHint
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}

The **`userHint`** property of the {{domxref("PaymentManager")}} interface provides a hint for the browser to display along with the payment app's name and icon in the Payment Handler UI.
The **`userHint`** property of the {{domxref("PaymentManager")}} interface provides a hint for the browser to display along with the payment app's name and icon in the Web-based Payment Handler UI.

## Value

Expand Down Expand Up @@ -42,7 +42,7 @@ navigator.serviceWorker.register("serviceworker.js").then((registration) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.changePaymentMethod
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`changePaymentMethod()`** method of the {{domxref("PaymentRequestEvent")}} interface is used by the payment handler to get an updated total, given such payment method details as the billing address.

Expand Down
4 changes: 2 additions & 2 deletions files/en-us/web/api/paymentrequestevent/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@ status:
browser-compat: api.PaymentRequestEvent
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`PaymentRequestEvent`** interface of the {{domxref("Payment Handler API", "", "", "nocode")}} is the object passed to a payment handler when a {{domxref("PaymentRequest")}} is made.
The **`PaymentRequestEvent`** interface of the {{domxref("Web-based Payment Handler API", "", "", "nocode")}} is the object passed to a payment handler when a {{domxref("PaymentRequest")}} is made.

{{InheritanceDiagram}}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.methodData
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`methodData`** read-only property of the
{{domxref("PaymentRequestEvent")}} interface returns an array of
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/paymentrequestevent/modifiers/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.modifiers
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`modifiers`** read-only property of the
{{domxref("PaymentRequestEvent")}} interface returns an {{jsxref("Array")}} of `PaymentDetailsModifier` objects containing modifiers for payment details.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.openWindow
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`openWindow()`** method of the {{domxref("PaymentRequestEvent")}} interface opens the specified URL in a new window, only if the given URL is on the same origin as the calling page. It returns a {{jsxref("Promise")}} that resolves with a reference to a {{domxref("WindowClient")}}.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.PaymentRequestEvent
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`PaymentRequestEvent`** constructor creates a new {{domxref("PaymentRequestEvent")}} object instance.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.paymentRequestId
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`paymentRequestId`** read-only property of the
{{domxref("PaymentRequestEvent")}} interface returns the ID of the
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.paymentRequestOrigin
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`paymentRequestOrigin`** read-only property of the
{{domxref("PaymentRequestEvent")}} interface returns the origin where the
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.respondWith
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{AvailableInWorkers("service")}}

The **`respondWith()`** method of the {{domxref("PaymentRequestEvent")}} interface prevents the default event handling and allows you to provide a {{jsxref("Promise")}} for a payment handler response object yourself.

Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/paymentrequestevent/toporigin/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.topOrigin
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`topOrigin`** read-only property of the
{{domxref("PaymentRequestEvent")}} interface returns the top-level payee origin where
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/paymentrequestevent/total/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.PaymentRequestEvent.total
---

{{SeeCompatTable}}{{APIRef("Payment Handler API")}}{{AvailableInWorkers("service")}}
{{SeeCompatTable}}{{APIRef("Web-Based Payment Handler API")}}{{AvailableInWorkers("service")}}

The **`total`** read-only property of the {{domxref("PaymentRequestEvent")}} interface returns a
`PaymentCurrencyAmount` object containing the total amount being requested for payment.
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/permissions_api/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ A non-exhaustive list of permission-aware APIs includes:
- [Local Font Access API](/en-US/docs/Web/API/Local_Font_Access_API): `local-fonts`
- [Media Capture and Streams API](/en-US/docs/Web/API/Media_Capture_and_Streams_API): `microphone`, `camera`
- [Notifications API](/en-US/docs/Web/API/Notifications_API): `notifications`
- [Payment Handler API](/en-US/docs/Web/API/Payment_Handler_API): `payment-handler`
- [Web-based Payment Handler API](/en-US/docs/Web/API/Web_Based_Payment_Handler_API): `payment-handler`
- [Push API](/en-US/docs/Web/API/Push_API): `push`
- [Screen Capture API](/en-US/docs/Web/API/Screen_Capture_API): `captured-surface-control`, `display-capture`
- [Screen Wake Lock API](/en-US/docs/Web/API/Screen_Wake_Lock_API): `screen-wake-lock`
Expand Down
2 changes: 1 addition & 1 deletion files/en-us/web/api/service_worker_api/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -146,6 +146,6 @@ In the future, service workers will be able to do several other useful things fo
- {{domxref("Content Index API", "", "", "nocode")}}
- {{domxref("Cookie Store API", "", "", "nocode")}}
- {{domxref("Notifications API", "", "", "nocode")}}
- {{domxref("Payment Handler API", "", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- {{domxref("Push API", "", "", "nocode")}}
- {{domxref("Web Periodic Background Synchronization API", "", "", "nocode")}}
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.ServiceWorkerGlobalScope.canmakepayment_event
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}

The **`canmakepayment`** event of the {{domxref("ServiceWorkerGlobalScope")}} interface is fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls the {{domxref("PaymentRequest.PaymentRequest", "PaymentRequest()")}} constructor.

Expand Down Expand Up @@ -60,7 +60,7 @@ self.addEventListener("canmakepayment", (e) => {

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ status:
browser-compat: api.ServiceWorkerGlobalScope.paymentrequest_event
---

{{APIRef("Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}
{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}{{AvailableInWorkers("service")}}

The **`paymentrequest`** event of the {{domxref("ServiceWorkerGlobalScope")}} interface is fired on a payment app when a payment flow has been initiated on the merchant website via the {{domxref("PaymentRequest.show()")}} method.

Expand Down Expand Up @@ -66,7 +66,7 @@ See [Receive a payment request event from the merchant](https://web.dev/articles

## See also

- {{domxref("Payment Handler API", "Payment Handler API", "", "nocode")}}
- {{domxref("Web-based Payment Handler API", "", "", "nocode")}}
- [Web-based payment apps overview](https://web.dev/articles/web-based-payment-apps-overview)
- [Setting up a payment method](https://web.dev/articles/setting-up-a-payment-method)
- [Life of a payment transaction](https://web.dev/articles/life-of-a-payment-transaction)
Expand Down
Loading
Loading