Search completed in 1.49 seconds.
RTCPeerConnection.iceConnectionState - Web APIs
the read-only property rtcpeer
connection.ice
connectionstate returns an enum of type rtcice
connectionstate which state of the ice agent associated with the rtcpeer
connection.
... you can detect when this value has changed by watching for the ice
connectionstatechange event.
... syntax var state = rtcpeer
connection.ice
connectionstate; value the current state of the ice agent and its
connection.
...And 14 more matches
RTCPeerConnection.connectionState - Web APIs
the read-only
connectionstate property of the rtcpeer
connection interface indicates the current state of the peer
connection by returning one of the string values specified by the enum rtcpeer
connectionstate.
... when this property's value changes, a
connectionstatechange event is sent to the rtcpeer
connection instance.
... syntax var
connectionstate = rtcpeer
connection.
connectionstate; value the current state of the
connection, as a value from the enum rtcpeer
connectionstate.
...And 11 more matches
RTCPeerConnection: iceconnectionstatechange event - Web APIs
an ice
connectionstatechange event is sent to an rtcpeer
connection object each time the ice
connection state changes during the negotiation process.
... the new ice
connection state is available in the object's ice
connectionstate} property.
... bubbles no cancelable no interface event event handler property onice
connectionstatechange one common task performed by the ice
connectionstatechange event listener: to trigger ice restart when the state changes to failed.
...And 9 more matches
RTCPeerConnection.onconnectionstatechange - Web APIs
the rtcpeer
connection.on
connectionstatechange property specifies an eventhandler which is called to handle the
connectionstatechange event when it occurs on an instance of rtcpeer
connection.
... this happens whenever the aggregate state of the
connection changes.
... the aggregate state is a combination of the states of all of the individual network transports being used by the
connection.
...And 3 more matches
RTCPeerConnection.oniceconnectionstatechange - Web APIs
the rtcpeer
connection.onice
connectionstatechange property is an event handler which specifies a function to be called when the ice
connectionstatechange event is fired on an rtcpeer
connection instance.
... this happens when the state of the
connection's ice agent, as represented by the ice
connectionstate property, changes.
... syntax rtcpeer
connection.onice
connectionstatechange = eventhandler; value this event handler can be set to function which is passed a single input parameter: an event object describing the ice
connectionstatechange event which occurred.
...And 3 more matches
RTCPeerConnection: connectionstatechange event - Web APIs
the
connectionstatechange event is sent to the ontrack event handler on an rtcpeer
connection object after a new track has been added to an rtcrtpreceiver which is part of the
connection.
... the new
connection state can be found in
connectionstate, and is one of the strings in the rtcpeer
connectionstate enumerated type.
... bubbles no cancelable no interface event event handler on
connectionstatechange examples for an rtcpeer
connection, pc, this example sets up a handler for
connectionstatechange messages to handle changes to the
connectivity of the webrtc session.
...And 2 more matches
RTCPeerConnection - Web APIs
the rtcpeer
connection interface represents a webrtc
connection between the local computer and a remote peer.
... it provides methods to
connect to a remote peer, maintain and monitor the
connection, and close the
connection once it's no longer needed.
...fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">eventtarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#d4dde4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#d4dde4"/><a xlink:href="/docs/web/api/rtcpeer
connection" target="_top"><rect x="151" y="1" width="170" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="236" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">rtcpeer
connection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructorrtcpeer
connecti...
...And 94 more matches
Connection management in HTTP/1.x - HTTP
connection management is a key topic in http: opening and maintaining
connections largely impacts the performance of web sites and web applications.
... in http/1.x, there are several models: short-lived
connections, persistent
connections, and http pipelining.
... http mostly relies on tcp for its transport protocol, providing a
connection between the client and the server.
...And 37 more matches
WebRTC connectivity - Web APIs
this article describes how the various webrtc-related protocols interact with one another in order to create a
connection and transfer data and/or media among peers.
... signaling unfortunately, webrtc can’t create
connections without some sort of server in the middle.
...it’s any sort of channel of communication to exchange information before setting up a
connection, whether by email, post card or a carrier pigeon...
...And 30 more matches
nsIXPConnect
js/src/xp
connect/idl/nsixp
connect.idlnot scriptable provides the xp
connect service.
... inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) to access the xp
connect service, use code like this: nsresult rv; nscomptr<nsixp
connect> xp
connect = do_getservice(nsixp
connect::getcid(), &rv); if (ns_succeeded(rv)) { /* use the object */ } method overview void addjsholder(in voidptr aholder, in nsscriptobjecttracerptr atracer); native code only!
... void clearallwrappednativesecuritypolicies(); nsixp
connectjsobjectholder createsandbox(in jscontextptr cx, in nsiprincipal principal); native code only!
...And 29 more matches
mozIStorageConnection
storage/public/mozistorage
connection.idlscriptable this interface represents a database
connection attached to a specific file or an in-memory database.
...removeprogresshandler(); void rollbacktransaction(); void setgrowthincrement(in print32 aincrement, in autf8string adatabasename); mozistorageprogresshandler setprogresshandler(in print32 agranularity, in mozistorageprogresshandler ahandler); boolean tableexists(in autf8string atablename); attributes attribute type description
connectionready boolean indicates if the
connection is open and ready to use.
... this will be false if the
connection failed to open, or it has been closed.
...And 27 more matches
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
because webrtc doesn't mandate a specific transport mechanism for signaling during the negotiation of a new peer
connection, it's highly flexible.
...this article introduces webrtc perfect negotiation, describing how it works and why it's the recommended way to negotiate a webrtc
connection between peers, and provides sample code to demonstrate the technique.
...negotiation is an inherently asymmetric operation: one side needs to serve as the "caller" while the other peer is the "callee." the perfect negotiation pattern smooths this difference away by separating that difference out into independent negotiation logic, so that your application doesn't need to care which end of the
connection it is.
...And 22 more matches
RTCPeerConnection.setRemoteDescription() - Web APIs
the rtcpeer
connection method setremotedescription() sets the specified session description as the remote peer's current offer or answer.
... the description specifies the properties of the remote end of the
connection, including the media format.
...keep in mind that if setremotedescription() is called while a
connection is already in place, it means renegotiation is underway (possibly to adapt to changing network conditions).
...And 17 more matches
AudioNode.connect() - Web APIs
the
connect() method of the audionode interface lets you
connect one of the node's outputs to a target, which may be either another audionode (thereby directing the sound data to the specified node) or an audioparam, so that the node's output data is automatically used to change the value of that parameter over time.
... syntax var destinationnode = audionode.
connect(destination, outputindex, inputindex); audionode.
connect(destination, outputindex); parameters destination the audionode or audioparam to which to
connect.
... outputindex optional an index specifying which output of the current audionode to
connect to the destination.
...And 14 more matches
LiveConnect Overview - Archive of obsolete content
this chapter describes using live
connect technology to let java and javascript code communicate with each other.
...javascript to java communication when you refer to a java package or class, or work with a java object or array, you use one of the special live
connect objects.
... table 9.1 the live
connect objects object description javaarray a wrapped java array, accessed from within javascript code.
...And 12 more matches
RTCPeerConnection.addTrack() - Web APIs
the rtcpeer
connection method addtrack() adds a new media track to the set of tracks which will be transmitted to the other peer.
... note: adding a track to a
connection triggers renegotiation by firing a negotiationneeded event.
... syntax rtpsender = rtcpeer
connection.addtrack(track, stream...); parameters track a mediastreamtrack object representing the media track to add to the peer
connection.
...And 12 more matches
RTCPeerConnection.signalingState - Web APIs
the read-only signalingstate property on the rtcpeer
connection interface returns one of the string values specified by the rtcsignalingstate enum; these values describe the state of the signaling process on the local end of the
connection while
connecting or re
connecting to another peer.
...for example, if you receive an answer while the signalingstate isn't "have-local-offer", you know that something is wrong, since you should only receive answers after creating an offer but before an answer has been received and passed into rtcpeer
connection.setlocaldescription().
... in addition, when the value of this property changes, a signalingstatechange event is sent to the rtcpeer
connection instance.
...And 10 more matches
LiveConnect - Archive of obsolete content
live
connect provides javascript with the ability to call methods of java classes and vice-versa using the existing java infrastructure.
... older versions of gecko included special support for the java<->javascript bridge (such as the java and packages global objects), but as of mozilla 16 (firefox 16 / thunderbird 16 / seamonkey 2.13) live
connect functionality is provided solely by the oracle's java plugin.
... documentation java plugin - live
connect documentation this is likely the most up-to-date documentation of live
connect.
...And 9 more matches
PR_Connect
initiates a
connection on a specified socket.
... syntax #include <prio.h> prstatus pr_
connect( prfiledesc *fd, const prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
... addr a pointer to the address of the peer to which the socket is to be
connected.
...And 9 more matches
RTCPeerConnection() - Web APIs
the rtcpeer
connection() constructor returns a newly-created rtcpeer
connection, which represents a
connection between the local device and a remote peer.
... syntax pc = new rtcpeer
connection([configuration]); parameters configuration optional an rtcconfiguration dictionary providing options to configure the new
connection.
... certificates optional an array of objects of type rtccertificate which are used by the
connection for authentication.
...And 9 more matches
RTCPeerConnection.setLocalDescription() - Web APIs
the rtcpeer
connection method setlocaldescription() changes the local description associated with the
connection.
... this description specifies the properties of the local end of the
connection, including the media format.
... if setlocaldescription() is called while a
connection is already in place, it means renegotiation is underway (possibly to adapt to changing network conditions).
...And 9 more matches
AudioNode.disconnect() - Web APIs
the dis
connect() method of the audionode interface lets you dis
connect one or more nodes from the node on which the method is called.
... syntax audionode.dis
connect(); audionode.dis
connect(output); audionode.dis
connect(destination); audionode.dis
connect(destination, output); audionode.dis
connect(destination, output, input); return value undefined parameters there are several versions of the dis
connect() method, which accept different combinations of parameters to control which nodes to dis
connect from.
... if no parameters are provided, all outgoing
connections are dis
connected.
...And 8 more matches
RTCPeerConnection.createOffer() - Web APIs
the createoffer() method of the rtcpeer
connection interface initiates the creation of an sdp offer for the purpose of starting a new webrtc
connection to a remote peer.
... the sdp offer includes information about any mediastreamtracks already attached to the webrtc session, codec, and options supported by the browser, and any candidates already gathered by the ice agent, for the purpose of being sent over the signaling channel to a potential peer to request a
connection or to update the configuration of an existing
connection.
... syntax apromise = mypeer
connection.createoffer([options]); mypeer
connection.createoffer(successcallback, failurecallback, [options]) parameters options optional an rtcofferoptions dictionary providing options requested for the offer.
...And 7 more matches
RTCPeerConnection.getStats() - Web APIs
the rtcpeer
connection method getstats() returns a promise which resolves with data providing statistics about either the overall
connection or about the specified mediastreamtrack.
... syntax promise = rtcpeer
connection.getstats(selector) parameters selector optional a mediastreamtrack for which to gather statistics.
... if this is null (the default value), statistics will be gathered for the entire rtcpeer
connection.
...And 7 more matches
RTCPeerConnection.setConfiguration() - Web APIs
the rtcpeer
connection.setconfiguration() method sets the current configuration of the rtcpeer
connection based on the values included in the specified rtcconfiguration object.
... this lets you change the ice servers used by the
connection and which transport policies to use.
...two potential scenarios in which this might be done: the rtcpeer
connection was instantiated without specifying any ice servers.
...And 7 more matches
PR_ConnectContinue
syntax #include <prio.h> prstatus pr_
connectcontinue( prfiledesc *fd, print16 out_flags); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
... returns if the nonblocking
connect has successfully completed, pr_
connectcontinue returns pr_success.
... if pr_
connectcontinue() returns pr_failure, call pr_geterror(): - pr_in_progress_error: the nonblocking
connect is still in progress and has not completed yet.
...And 6 more matches
RTCPeerConnection: icecandidateerror event - Web APIs
the webrtc api event icecandidateerror is sent to an rtcpeer
connection if an error occurs while performing ice negotiations through a stun or turn server.
... the event object is of type rtcpeer
connectioniceerrorevent, and contains information describing the error in some amount of detail.
... bubbles no cancelable no interface rtcpeer
connectioniceerrorevent event handler property rtcpeer
connection.onicecandidateerror description the error object's errorcode property is one of the numeric stun error codes.
...And 6 more matches
Creating Sandboxed HTTP Connections
introduction starting with gecko 1.8.1 (firefox 2), it is possible to create sandboxed http
connections which don't affect the user's cookies.
... this article will cover the basics of doing http
connections from xpcom javascript, and should easily translate to c++ xpcom.
... setting up an http
connection the first step in setting up an http
connection from an url (stored in a string) is to create an nsiuri out of it.
...And 5 more matches
RTCPeerConnection.addStream() - Web APIs
the obsolete rtcpeer
connection method addstream() adds a mediastream as a local source of audio or video.
...if the signalingstate is set to stable, the event negotiationneeded is sent on the rtcpeer
connection to indicate that ice negotiation must be repeated to consider the new stream.
... syntax rtcpeer
connection.addstream(mediastream); parameters mediastream a mediastream object indicating the stream to add to the webrtc peer
connection.
...And 5 more matches
RTCPeerConnection.getConfiguration() - Web APIs
the rtcpeer
connection.getconfiguration() method returns an rtcconfiguration object which indicates the current configuration of the rtcpeer
connection on which the method is called.
... the returned configuration is the last configuration applied via setconfiguration(), or if setconfiguration() hasn't been called, the configuration the rtcpeer
connection was constructed with.
... the configuration includes a list of the ice servers used by the
connection, information about transport policies, and identity information.
...And 5 more matches
RTCPeerConnection.removeTrack() - Web APIs
the rtcpeer
connection.removetrack() method tells the local end of the
connection to stop sending media from the specified track, without actually removing the corresponding rtcrtpsender from the list of senders as reported by rtcpeer
connection.getsenders().
... if the track is already stopped, or is not in the
connection's senders list, this method has no effect.
... if the
connection has already been negotiated (signalingstate is set to "stable"), it is marked as needing to be negotiated again; the remote peer won't experience the change until this negotiation occurs.
...And 5 more matches
RTCPeerConnection.restartIce() - Web APIs
the webrtc api's rtcpeer
connection interface offers the restartice() method to allow a web application to easily request that ice candidate gathering be redone on both ends of the
connection.
... restartice() causes the negotiationneeded event to be fired on the rtcpeer
connection to inform the application that it should perform negotiation using its signaling channel.
... if negotiation fails to complete—either due to rollback or because incoming offers are in the process of being negotiated—the rtcpeer
connection will remember that you requested ice restart.
...And 5 more matches
Connection - HTTP
the
connection general header controls whether or not the network
connection stays open after the current transaction finishes.
... if the value sent is keep-alive, the
connection is persistent and not closed, allowing for subsequent requests to the same server to be done.
...
connection-specific header fields such as
connection and keep-alive are prohibited in http/2.
...And 5 more matches
CONNECT - HTTP
the http
connect method starts two-way communications with the requested resource.
... for example, the
connect method can be used to access websites that use ssl (https).
... the client asks an http proxy server to tunnel the tcp
connection to the desired destination.
...And 5 more matches
RTCPeerConnection.addIceCandidate() - Web APIs
when a web site or app using rtcpeer
connection receives a new ice candidate from the remote peer over its signaling channel, it delivers the newly-received candidate to the browser's ice agent by calling rtcpeer
connection.addicecandidate().
... this adds this new remote candidate to the rtcpeer
connection's remote description, which describes the state of the remote end of the
connection.
... during negotiation, your app will likely receive many candidates which you'll deliver to the ice agent in this way, allowing it to build up a list of potential
connection methods.
...And 4 more matches
RTCPeerConnection.onaddstream - Web APIs
the rtcpeer
connection.onaddstream event handler is a property containing the code to execute when the addstream event, of type mediastreamevent, is received by this rtcpeer
connection.
... such an event is sent when a mediastream is added to this
connection by the remote peer.
... important: this property has been removed from the specification; you should now use rtcpeer
connection.ontrack to watch for track events instead.
...And 4 more matches
RTCPeerConnection.onnegotiationneeded - Web APIs
the rtcpeer
connection interface's onnegotiationneeded property is an eventlistener which specifies a function which is called to handle the negotiationneeded event when it occurs on an rtcpeer
connection instance.
... most commonly, the negotiationneeded event is fired after a send track is added to the rtcpeer
connection.
... syntax rtcpeer
connection.onnegotiationneeded = eventhandler; value this should be set to a function you provide which is passed a single parameter: an event object containing the negotiationneeded event.
...And 4 more matches
RTCPeerConnection.ontrack - Web APIs
the rtcpeer
connection property ontrack is an eventhandler which specifies a function to be called when the track event occurs, indicating that a track has been added to the rtcpeer
connection.
... the function receives as input the event object, of type rtctrackevent; this event is sent when a new incoming mediastreamtrack has been created and associated with an rtcrtpreceiver object which has been added to the set of receivers on
connection.
... syntax rtcpeer
connection.ontrack = eventhandler; value set ontrack to be a function you provide that accepts as input a rtctrackevent object describing the new track and how it's being used.
...And 4 more matches
RTCPeerConnection.pendingLocalDescription - Web APIs
the read-only property rtcpeer
connection.pendinglocaldescription returns an rtcsessiondescription object describing a pending configuration change for the local end of the
connection.
... this does not describe the
connection as it currently stands, but as it may exist in the near future.
... use rtcpeer
connection.currentlocaldescription or rtcpeer
connection.localdescription to get the current state of the endpoint.
...And 4 more matches
RTCPeerConnection.pendingRemoteDescription - Web APIs
the read-only property rtcpeer
connection.pendingremotedescription returns an rtcsessiondescription object describing a pending configuration change for the remote end of the
connection.
... this does not describe the
connection as it currently stands, but as it may exist in the near future.
... use rtcpeer
connection.currentremotedescription or rtcpeer
connection.remotedescription to get the current session description for the remote endpoint.
...And 4 more matches
RTCPeerConnectionIceErrorEvent.address - Web APIs
the rtcpeer
connectioniceerrorevent property address is a string which indicates the local ip address being used to communicate with the stun or turn server during negotiations.
... syntax let address = rtcpeer
connectioniceerrorevent.address; value a domstring which specifies the local ip address of the network
connection to the ice server with which negotiations were occurring when the error occurred.
... this address identifies the network interface on the local device which is being used to attempt to establish the
connection to the remote peer.
...And 4 more matches
SharedWorkerGlobalScope.onconnect - Web APIs
the on
connect property of the sharedworkerglobalscope interface is an event handler representing the code to be called when the
connect event is raised — that is, when a messageport
connection is opened between the associated sharedworker and the main thread.
... syntax on
connect = function() { ...
... }; examples this example shows a shared worker file — when a
connection to the worker occurs from a main thread via a messageport, the on
connect event handler fires.
...And 4 more matches
XPConnect wrappers
this document is a high-level overview of xp
connect wrapper objects (for the more technical description see xp
connect security membranes).
... developers in the know understand that wrappers play a large role in xp
connect, and that we have a lot of them.
... basic xp
connect objects xpcwrappednative these objects are created when any natively implemented xpcom object (that is, any object implemented in c++) needs to be reflected into javascript.
...And 3 more matches
XPConnect
xp
connect is a bridge between javascript and xpcom.
... with xp
connect, you can use xpcom components from javascript code, and interact with javascript objects from within xpcom components.
... xp
connect is part of firefox and is actively used in xul applications.
...And 3 more matches
PerformanceResourceTiming.secureConnectionStart - Web APIs
the secure
connectionstart read-only property returns a timestamp immediately before the browser starts the handshake process to secure the current
connection.
... if a secure
connection is not used, the property returns zero.
... syntax resource.secure
connectionstart; return value if the resource is fetched over a secure
connection, a domhighrestimestamp immediately before the browser starts the handshake process to secure the current
connection.
...And 3 more matches
RTCPeerConnection.canTrickleIceCandidates - Web APIs
the read-only rtcpeer
connection property cantrickleicecandidates returns a boolean which indicates whether or not the remote peer can accept trickled ice candidates.
... this property is only set after having called rtcpeer
connection.setremotedescription().
... syntax var cantrickle = rtcpeer
connection.cantrickleicecandidates; value a boolean that is true if the remote peer can accept trickled ice candidates and false if it cannot.
...And 3 more matches
RTCPeerConnection.close() - Web APIs
the rtcpeer
connection.close() method closes the current peer
connection.
... syntax peer
connection.close(); this method has no parameters, and returns nothing.
... calling this method terminates the rtcpeer
connection's ice agent, ending any ongoing ice processing and any active streams.
...And 3 more matches
RTCPeerConnection.createAnswer() - Web APIs
the createanswer() method on the rtcpeer
connection interface creates an sdp answer to an offer received from a remote peer during the offer/answer negotiation of a webrtc
connection.
... syntax apromise = rtcpeer
connection.createanswer([options]); rtcpeer
connection.createanswer(successcallback, failurecallback[, options]); parameters options optional an object which contains options which customize the answer; this is based on the rtcansweroptions dictionary.
... failurecallback an rtcpeer
connectionerrorcallback which will be passed a single domexception object explaining why the request to create an answer failed.
...And 3 more matches
RTCPeerConnection.createDataChannel() - Web APIs
the createdatachannel() method on the rtcpeer
connection interface creates a new channel linked with the remote peer, over which any kind of data may be transmitted.
... if the new data channel is the first one added to the
connection, renegotiation is started by delivering a negotiationneeded event.
... syntax datachannel = rtcpeer
connection.createdatachannel(label[, options]); parameters label a human-readable name for the channel.
...And 3 more matches
RTCPeerConnection.currentLocalDescription - Web APIs
the read-only property rtcpeer
connection.currentlocaldescription returns an rtcsessiondescription object describing the local end of the
connection as it was most recently successfully negotiated since the last time the rtcpeer
connection finished negotiating and
connecting to a remote peer.
... to change the currentlocaldescription, call rtcpeer
connection.setlocaldescription(), which triggers a series of events which leads to this value being set.
... for details on what exactly happens and why the change isn't necessarily instantaneous, see pending and current descriptions in webrtc
connectivity.
...And 3 more matches
RTCPeerConnection.currentRemoteDescription - Web APIs
the read-only property rtcpeer
connection.currentremotedescription returns an rtcsessiondescription object describing the remote end of the
connection as it was most recently successfully negotiated since the last time the rtcpeer
connection finished negotiating and
connecting to a remote peer.
... to change the currentremotedescription, call rtcpeer
connection.setremotedescription(), which triggers a series of events which leads to this value being set.
... for details on what exactly happens and why the change isn't necessarily instantaneous, see pending and current descriptions in webrtc
connectivity.
...And 3 more matches
RTCPeerConnection.getSenders() - Web APIs
the rtcpeer
connection method getsenders() returns an array of rtcrtpsender objects, each of which represents the rtp sender responsible for transmitting one track's data.
... syntax var senders = rtcpeer
connection.getsenders(); return value an array of rtcrtpsender objects, one for each track on the
connection.
... the array is empty if there are no rtp senders on the
connection.
...And 3 more matches
RTCPeerConnection.getTransceivers() - Web APIs
the rtcpeer
connection interface's gettransceivers() method returns a list of the rtcrtptransceiver objects being used to send and receive data on the
connection.
... syntax transceiverlist = rtcpeer
connection.gettransceivers(); parameters none.
... return value an array of the rtcrtptransceiver objects representing the transceivers handling sending and receiving all media on the rtcpeer
connection.
...And 3 more matches
RTCPeerConnection.iceGatheringState - Web APIs
the read-only property rtcpeer
connection.icegatheringstate returns an enum of type rtcicegatheringstate that describes
connection's ice gathering state.
... syntax var state = rtcpeer
connection.icegatheringstate; value the possible values are those of an enum of type rtcicegatheringstate.
... rtcicegatheringstate enum the rtcicegatheringstate enum defines string constants which reflect the current status of ice gathering, as returned using the rtcpeer
connection.icegatheringstate property.
...And 3 more matches
RTCPeerConnection: icegatheringstatechange event - Web APIs
the icegatheringstatechange event is sent to the onicegatheringstatechange event handler on an rtcpeer
connection when the state of the ice candidate gathering process changes.
... this signifies that the value of the
connection's icegatheringstate property has changed.
... when ice firststarts to gather
connection candidates, the value changes from new to gathering to indicate that the process of collecting candidate configurations for the
connection has begun.
...And 3 more matches
RTCPeerConnection: icecandidate event - Web APIs
an icecandidate event is sent to an rtcpeer
connection when an rtcicecandidate has been identified and added to the local peer by a call to rtcpeer
connection.setlocaldescription().
... bubbles no cancelable no interface rtcpeer
connectioniceevent event handler property rtcpeer
connection.onicecandidate description there are three reasons why the icecandidate event is fired on an rtcpeer
connection.
... rtcpeer
connection.onicecandidate = (event) => { if (event.candidate) { sendcandidatetoremotepeer(event.candidate) } else { /* there are no more candidates coming during this negotiation */ } } the remote peer, upon receiving the candidate, will add the candidate to its candidate pool by calling addicecandidate(), passing in the candidate string you have passed along using the signaling server.
...And 3 more matches
RTCPeerConnection: negotiationneeded event - Web APIs
a negotiationneeded event is sent to the rtcpeer
connection when negotiation of the
connection through the signaling channel is required.
... this occurs both during the initial setup of the
connection as well as any time a change to the communication environment requires reconfiguring the
connection.
... bubbles no cancelable no interface event event handler property rtcpeer
connection.onnegotiationneeded the negotiationneeded event is first dispatched to the rtcpeer
connection when media is first added to the
connection.
...And 3 more matches
RTCPeerConnectionIceErrorEvent - Web APIs
the rtcpeer
connectioniceerrorevent interface—based upon the event interface—provides details pertaining to an ice error announced by sending an icecandidateerror event to the rtcpeer
connection object.
... constructor rtcpeer
connectioniceerrorevent() creates and returns a new rtcpeer
connectioniceerrorevent object, with its type and other properties initialized as specified in the parameters.
... properties the rtcpeer
connectioniceerrorevent interface includes the properties found on the event interface, as well as the following properties: address read only a domstring providing the local ip address used to communicate with the stun or turn server being used to negotiate the
connection, or null if the local ip address has not yet been exposed as part of a local ice candidate.
...And 3 more matches
RTCPeerConnectionIceEvent - Web APIs
the rtcpeer
connectioniceevent interface represents events that occurs in relation to ice candidates with the target, usually an rtcpeer
connection.
... properties a rtcpeer
connectioniceevent being an event, this event also implements these properties.
... rtcpeer
connectioniceevent.candidate read only contains the rtcicecandidate containing the candidate associated with the event, or null if this event indicates that there are no further candidates to come.
...And 3 more matches
CSP: connect-src - HTTP
the http content-security-policy (csp)
connect-src directive restricts the urls which can be loaded using script interfaces.
... note:
connect-src 'self' does not resolve to websocket schemas in all browsers, more info: https://github.com/w3c/webappsec-csp/issues/7 csp version 1 directive type fetch directive default-src fallback yes.
... syntax one or more sources can be allowed for the
connect-src policy: content-security-policy:
connect-src <source>; content-security-policy:
connect-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name or ip address, as well as an optional url scheme and/or port number.
...And 3 more matches
PR_GetConnectStatus
get the completion status of a nonblocking
connection.
... syntax prstatus pr_get
connectstatus(const prpolldesc *pd); parameter the function has the following parameter: pd a pointer to a prpolldesc satructure whose fd field is the socket and whose in_flags field must contain pr_poll_write and pr_poll_except.
... if pr_geterror returns pr_in_progress_error, the nonblocking
connection is still in progress and has not completed yet.other errors indicate that the
connection has failed.
...And 2 more matches
nsISpeculativeConnect
netwerk/base/public/nsispeculative
connect.idlscriptable lets non-networking code provide hints to the networking layer that an http
connection attempt to a particular site is likely to happen soon; this lets the networking layer begin setting up tcp and, if appropriate, ssl handshakes to save time when the
connection is actually opened later.
... 1.0 66 introduced gecko 15.0 inherits from: nsisupports last changed in gecko 15.0 (firefox 15.0 / thunderbird 15.0 / seamonkey 2.12) to use this service, simply call nsisupports.queryinterface() on the nsiioservice you plan to use for the
connection, to get access to the i/o service's implementation of nsispeculative
connect.
... then call speculative
connect() to let the networking layer know what you might be doing in the future.
...And 2 more matches
Node.isConnected - Web APIs
the is
connected read-only property of the node interface returns a boolean indicating whether the node is
connected (directly or indirectly) to the context object, for example the document object in the case of the normal dom, or the shadowroot in the case of a shadow dom.
... syntax var isit
connected = nodeobjectinstance.is
connected return value a boolean that is true if the node is
connected to its relevant context object, and false if not.
... examples standard dom a standard dom example: let test = document.createelement('p'); console.log(test.is
connected); // returns false document.body.appendchild(test); console.log(test.is
connected); // returns true shadow dom a shadow dom example: // create a shadow root var shadow = this.attachshadow({mode: 'open'}); // create some css to apply to the shadow dom var style = document.createelement('style'); console.log(style.is
connected); // returns false style.textcontent = ` .wrapper { position: relative; } .info { font-size: 0.8rem; width: 200px; display: inline-block; border: 1px solid black; padding: 10px; background: white; border-radius: 10px; opacity: 0; transition: 0.6s all; positions: absolute; bottom: 20px; left: 10px; z-index: 3 } `; // attach t...
...And 2 more matches
PerformanceResourceTiming.connectEnd - Web APIs
the
connectend read-only property returns the timestamp immediately after the browser finishes establishing the
connection to the server to retrieve the resource.
... the timestamp value includes the time interval to establish the transport
connection, as well as other time intervals such as ssl handshake and socks authentication.
... syntax resource.
connectend; return value a domhighrestimestamp representing the time after a
connection is established.
...And 2 more matches
PerformanceTiming.connectEnd - Web APIs
the legacy performancetiming.
connectend read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, where the
connection is opened network.
... if the transport layer reports an error and the
connection establishment is started again, the last
connection establisment end time is given.
... if a persistent
connection is used, the value will be the same as performancetiming.fetchstart.
...And 2 more matches
RTCPeerConnection: addstream event - Web APIs
the obsolete addstream event is sent to an rtcpeer
connection when new media, in the form of a mediastream object, has been added to it.
...you should instead watch for the track event, which is sent for each media track added to the rtcpeer
connection.
... bubbles no cancelable no interface mediastreamevent event handler property rtcpeer
connection.onaddstream you can, similarly, watch for streams to be removed from the
connection by monitoring the removestream event.
...And 2 more matches
RTCPeerConnection.onsignalingstatechange - Web APIs
the onsignalingstatechange event handler property of the rtcpeer
connection interface specifies a function to be called when the signalingstatechange event occurs on an rtcpeer
connection interface.
... the function receives as input the event object of type event; this event is sent when the peer
connection's signalingstate changes, which may happen either because of a call to setlocaldescription() or to setremotedescription().
... syntax rtcpeer
connection.onsignalingstatechange = errorhandler; value set this to a function which you provide that receives an event object as input; this contains the signalingstatechange event.
...And 2 more matches
RTCPeerConnection: peeridentity event - Web APIs
the peeridentity event is sent to the
connection concerned when peer identity has been set and verified on it.
... the new identiy can be access using the rtcpeer
connection.peeridentity property.
... an event handler for this event can be added via the rtcpeer
connection.onpeeridentity property.
...And 2 more matches
RTCPeerConnection.remoteDescription - Web APIs
the read-only property rtcpeer
connection.remotedescription returns a rtcsessiondescription describing the session (which includes configuration and media information) for the remote end of the
connection.
... the returned value typically reflects a remote description which has been received over the signaling server (as either an offer or an answer) and then put into effect by your code calling rtcpeer
connection.setremotedescription() in response.
... syntax var sessiondescription = peer
connection.remotedescription; on a more fundamental level, the returned value is the value of rtcpeer
connection.pendingremotedescription if that property isn't null; otherwise, the value of rtcpeer
connection.currentremotedescription is returned.
...And 2 more matches
RTCPeerConnectionIceEvent() - Web APIs
the rtcpeer
connectioniceevent() constructor creates a new rtcpeer
connectioniceevent.
... syntax var event = new rtcpeer
connectioniceevent(type, options); parameters type is a domstring containing the name of the event, like "icecandidate".
... options a dictionary of type rtcpeer
connectioninit, which may contain one or more of the following fields: "candidate" (optional, default is null): a rtcicecandidate representing the ice candidate being concerned by the event.
...And 2 more matches
Effective connection type - MDN Web Docs Glossary: Definitions of Web-related terms
effective
connection type (ect) refers to the measured network performance, returning a cellular
connection type, like 3g, even if the actual
connection is tethered broadband or wifi, based on the time between the browser requesting a page and effective type of the
connection.
... table of effective
connection types ect minimum rtt maximum downlink explanation slow-2g 2000ms 50 kbps the network is suited for small transfers only such as text-only pages.
... effectivetype is a property of the network information api, exposed to javascript via the navigator.
connection object.
... to see your effective
connection type, open the console of the developer tools of a supporting browser and enter the following: navigator.
connection.effectivetype; see also: network information api networkinformation networkinformation.effectivetype ...
How to investigate Disconnect failures
this article will guide you on how to investigate dis
connect failures.
... an example of such a failure dis
connect failures happens when one side is closing the
connection and mozmill is unable to send the information over the bridge or when firefox crashes.
... usually dis
connects happens when a modal dialog freezes and we cannot close it sp we close firefox with the modal frozen.
... check if firefox crashed: windows: [user]/appdata\roaming\mozilla\firefox\crash reports ubuntu: [user/home]/.mozilla/firefox/crash reports and there we can check by timestamp if firefox crashed when we had the dis
connect.
Gamepad.connected - Web APIs
the gamepad.
connected property of the gamepad interface returns a boolean indicating whether the gamepad is still
connected to the system.
... if the gamepad is
connected, the value is true; if not, it is false.
... syntax readonly attribute boolean
connected; example var gp = navigator.getgamepads()[0]; console.log(gp.
connected); value a boolean.
... specifications specification status comment gamepadthe definition of 'gamepad.
connected' in that specification.
MutationObserver.disconnect() - Web APIs
the mutationobserver method dis
connect() tells the observer to stop watching for mutations.
... syntax mutationobserver.dis
connect() parameters none.
... example this example creates an observer, then dis
connects from it, leaving it available for possible reuse.
...*/ observer.dis
connect(); specifications specification status comment domthe definition of 'mutationobserver.dis
connect()' in that specification.
Navigator.connection - Web APIs
the navigator.
connection read-only property returns a networkinformation object containing information about the system's
connection, such as the current bandwidth of the user's device or whether the
connection is metered.
... this could be used to select high definition content or low definition content based on the user's
connection.
... syntax networkinformation = navigator.
connection value a networkinformation object.
... specifications specification status comment network information apithe definition of 'navigator.
connection' in that specification.
PeformanceObserver.disconnect() - Web APIs
the dis
connect() method of the performanceobserver interface is used to stop the performance observer from receiving any performance entry events.
... syntax performanceobserver.dis
connect(); example var observer = new performanceobserver(function(list, obj) { var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entrytypes: ["mark", "frame"]}); function perf_observer(list, observer) { // process the "measure" event // ...
... // disable additional performance events observer.dis
connect(); } var observer2 = new performanceobserver(perf_observer); observer2.observe({entrytypes: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'dis
connect()' in that specification.
... candidate recommendation initial definition of dis
connect() method.
PerformanceResourceTiming.connectStart - Web APIs
the
connectstart read-only property returns the timestamp immediately before the user agent starts establishing the
connection to the server to retrieve the resource.
... syntax resource.
connectstart; return value a domhighrestimestamp immediately before the browser starts to establish the
connection to the server to retrieve the resource.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
..." + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of '
connectstart' in that specification.
PerformanceTiming.connectStart - Web APIs
the legacy performancetiming.
connectstart read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, where the request to open a
connection is sent to the network.
... if the transport layer reports an error and the
connection establishment is started again, the last
connection establisment start time is given.
... if a persistent
connection is used, the value will be the same as performancetiming.fetchstart.
... syntax time = performancetiming.
connectstart; specifications specification status comment navigation timingthe definition of 'performancetiming.
connectstart' in that specification.
RTCPeerConnection.addTransceiver() - Web APIs
the rtcpeer
connection method addtransceiver() creates a new rtcrtptransceiver and adds it to the set of transceivers associated with the rtcpeer
connection.
... syntax rtptransceiver = rtcpeer
connection.addtransceiver(trackorkind, init); parameters trackorkind a mediastreamtrack to associate with the transceiver, or a domstring which is used as the kind of the receiver's track, and by extension of the rtcrtpreceiver itself.
... streams optional a list of mediastream objects to add to the transceiver'srtcrtpreceiver; when the remote peer's rtcpeer
connection's track event occurs, these are the streams that will be specified by that event.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.addtransceiver()' in that specification.
RTCPeerConnection.generateCertificate() - Web APIs
the generatecertificate() method of the rtcpeer
connection interface creates and stores an x.509 certificate and corresponding private key then returns an rtccertificate, providing access to it.
... syntax var cert = rtcpeer
connection.generatecertificate(keygenalgorithm) parameters keygenalgorithm a domstring identifying the algorithm to use in creating the key.
... rtcpeer
connection.generatecertificate() is a static method, so it is always called on the rtcpeer
connection interface itself, not an instance thereof.
... example rtcpeer
connection.generatecertificate({ name: 'rsassa-pkcs1-v1_5', hash: 'sha-256', moduluslength: 2048, publicexponent: new uint8array([1, 0, 1]) }).then(function(cert) { var pc = new rtcpeer
connection({certificates: [cert]}); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'generatecertificate()' in that specification.
RTCPeerConnection.getIdentityAssertion() - Web APIs
the rtcpeer
connection.getidentityassertion() method initiates the gathering of an identity assertion.
... it is not expected for the application dealing with the rtcpeer
connection: this is automatically done; an explicit call only allows to anticipate the need.
... example var pc = new peer
connection(); pc.getidentityassertion(); // not mandatory, but we know that we will need it in the future.
... specifications specification status comment identity for webrtcthe definition of 'rtcpeer
connection.getidentityassertion()' in that specification.
RTCPeerConnection.getReceivers() - Web APIs
the rtcpeer
connection.getreceivers() method returns an array of rtcrtpreceiver objects, each of which represents one rtp receiver.
... each rtp receiver manages the reception and decoding of data for a mediastreamtrack on an rtcpeer
connection syntax var receivers = rtcpeer
connection.getreceivers(); return value an array of rtcrtpreceiver objects, one for each track on the
connection.
... the array is empty if there are no rtp receivers on the
connection.
... example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.getreceivers()' in that specification.
RTCPeerConnection.getStreamById() - Web APIs
the rtcpeer
connection.getstreambyid() method returns the mediastream with the given id that is associated with local or remote end of the
connection.
... this property has been replaced with the rtcpeer
connection.getlocalstreams and rtcpeer
connection.getremotestreams properties.
... example var stream = pc.getstreambyid(mytrackid); if (stream) { console.log("found stream: " + stream.id); } polyfill running the following code before any other code will create rtcpeer
connection.prototype.getstreambyid() if it's not natively available.
... // from: https://bugs.chromium.org/p/chromium/issues/detail?id=698163&desc=5#c10 rtcpeer
connection.prototype.getstreambyid = function(id) { try { var localstreams = this.getlocalstreams(); var remotestreams = this.getremotestreams(); var i; for (i = 0; i < localstreams.length; i++) { if (localstreams[i].id == id) return localstreams[i]; } for (i = 0; i < remotestreams.length; i++) { if (remotestreams[i].id == id) return remotestreams[i]; } } catch(e) {} return null; } ...
RTCPeerConnection.localDescription - Web APIs
the read-only property rtcpeer
connection.localdescription returns an rtcsessiondescription describing the session for the local end of the
connection.
... syntax var sessiondescription = peer
connection.localdescription; on a more fundamental level, the returned value is the value of rtcpeer
connection.pendinglocaldescription if that property isn't null; otherwise, the value of rtcpeer
connection.currentlocaldescription is returned.
... see pending and current descriptions in webrtc
connectivity for details on this algorithm and why it's used.
... var pc = new rtcpeer
connection(); … var sd = pc.localdescription; if (sd) { alert("local session: type='" + sd.type + "'; sdp description='" + sd.sdp + "'"); } else { alert("no local session yet."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.localdescription' in that specification.
RTCPeerConnection.ondatachannel - Web APIs
the rtcpeer
connection.ondatachannel property is an eventhandler which specifies a function which is called when the datachannel event occurs on an rtcpeer
connection.
... this event, of type rtcdatachannelevent, is sent when an rtcdatachannel is added to the
connection by the remote peer calling createdatachannel().
... syntax rtcpeer
connection.ondatachannel = function; value set this property to be a function you provide which receives as input a single parameter: an rtcdatachannelevent which provides in its channel property the rtcdatachannel which has been created.
... example pc.ondatachannel = function(ev) { console.log('data channel is created!'); ev.channel.onopen = function() { console.log('data channel is open and ready to be used.'); }; }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.ondatachannel' in that specification.
RTCPeerConnection.onicecandidate - Web APIs
the rtcpeer
connection property onicecandidate property is an eventhandler which specifies a function to be called when the icecandidate event occurs on an rtcpeer
connection instance.
... syntax rtcpeer
connection.onicecandidate = eventhandler; value this should be set to a function which you provide that accepts as input an rtcpeer
connectioniceevent object representing the icecandidate event.
...when this happens, the
connection's icegatheringstate has also changed to complete.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.onicecandidate' in that specification.
RTCPeerConnection.onicegatheringstatechange - Web APIs
the rtcpeer
connection.onicegatheringstatechange property is an eventhandler which specifies a function to be called when the icegatheringstatechange event is sent to an rtcpeer
connection instance.
... syntax rtcpeer
connection.onicegatheringstatechange = eventhandler; value a function you provide which is passed a single parameter: an event object containing the icegatheringstatechange event.
... you can determine the new state of ice gathering by looking at the value of the rtcpeer
connection.icegatheringstate property.
...nown"; switch(pc.icegatheringstate) { case "new": case "complete": label = "idle"; break; case "gathering": label = "determining route"; break; } document.getelementbyid("icestatus").innerhtml = label; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.onicegatheringstatechange' in that specification.
RTCPeerConnection.onremovestream - Web APIs
the rtcpeer
connection api is now track-based, so having zero tracks in the remote stream is equivalent to the remote stream being removed and the old removestream event.
... the rtcpeer
connection.onremovestream event handler is a property containing the code to execute when the removestream event, of type mediastreamevent, is received by this rtcpeer
connection.
... such an event is sent when a mediastream is removed from this
connection.
... syntax peer
connection.onremovestream = function; values function is the name of a user-defined function, without the () suffix or any parameters, or an anonymous function declaration, such as function(event) {...}.
RTCPeerConnection.peerIdentity - Web APIs
the read-only rtcpeer
connection property peeridentity returns a javascript promise that resolves to an rtcidentityassertion which contains a domstring identifying the remote peer.
... once this promise resolves successfully, the resulting identity is the target peer identity and cannot change for the duration of the
connection.
... syntax var identity = rtcpeer
connection.peeridentity; value a javascript promise which resolves to an rtcidentityassertion that describes the remote peer's identity.
... let pc = new rtcpeer
connection(); /* ...
RTCPeerConnection.removeStream() - Web APIs
the rtcpeer
connection.removestream() method removes a mediastream as a local source of audio or video.
...if the signalingstate is set to "stable", the event negotiationneeded is sent on the rtcpeer
connection.
... syntax rtcpeer
connection.removestream(mediastream); parameters mediastream a mediastream specifying the stream to remove from the
connection.
... example var pc, videostream; navigator.getusermedia({video: true}, function(stream) { pc = new rtcpeer
connection(); videostream = stream; pc.addstream(stream); } document.getelementbyid("closebutton").addeventlistener("click", function(event) { pc.removestream(videostream); pc.close(); }, false); ...
RTCPeerConnection: removestream event - Web APIs
the obsolete removestream event was sent to an rtcpeer
connection to inform it that a mediastream had been removed from the
connection.
... you can use the rtcpeer
connection interface's onremovestream property to set a handler for this event.
... bubbles no cancelable no interface mediastreamevent event handler property rtcpeer
connection.onremovestream important: this event has been removed from the webrtc specification in favor of the existing removetrack event on the remote mediastream and the corresponding mediastream.onremovetrack event handler property of the remote mediastream.
... the rtcpeer
connection api is now track-based, so having zero tracks in the remote stream is equivalent to the remote stream being removed, which caused a removestream event.
RTCPeerConnection.sctp - Web APIs
the read-only sctp property on the rtcpeer
connection interface returns an rtcsctptransport describing the sctp transport over which sctp data is being sent and received.
... the sctp transport is used for transmitting and receiving data for any and all rtcdatachannels on the peer
connection.
... syntax var sctp = rtcpeer
connection.sctp; value a rtcsctptransport object describing the sctp transport being used by the rtcpeer
connection for transmitting and receiving on its data channels, or null if sctp negotiation hasn't happened.
... example var pc = new rtcpeer
connection(); var channel = pc.createdatachannel("mydata"); channel.onopen = function(event) { channel.send('sending a message'); } channel.onmessage = function(event) { console.log(event.data); } // determine the largest message size that can be sent var sctp = pc.sctp; var maxmessagesize = sctp.maxmessagesize; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.sctp' in that specification.
RTCPeerConnection: track event - Web APIs
the track event is sent to the ontrack event handler on rtcpeer
connections after a new track has been added to an rtcrtpreceiver which is part of the
connection.
... bubbles yes cancelable no interface rtctrackevent event handler property ontrack by the time this event is delivered, the new track has been fully added to the peer
connection.
... examples this example shows code that creates a new rtcpeer
connection, then adds a new track event handler.
... pc = new rtcpeer
connection({ iceservers: [ { urls: "turn:fake.turnserver.url", username: "someusername", credential: "somepassword" } ] }); pc.addeventlistener("track", e => { videoelement.srcobject = e.streams[0]; hangupbutton.disabled = false; }, false); the event handler assigns the new track's first stream to an existing <video> element, identified using the variable videoelement.
ReportingObserver.disconnect() - Web APIs
the dis
connect() method of the reportingobserver interface stops a reporting observer that had previously started observing from collecting reports.
... after calling dis
connect(), neither reportingobserver.takerecords() nor the records parameter of the reportingobserver() callback will return any reports.
... syntax reportingobserverinstance.dis
connect() examples let options = { types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); observer.observe() ...
... observer.dis
connect() specifications specification status comment reporting apithe definition of 'reportingobserver.dis
connect()' in that specification.
SharedWorkerGlobalScope: connect event - Web APIs
the
connect event is fired in shared workers at their sharedworkerglobalscope when a new client
connects.
... bubbles no cancelable no interface messageevent event handler property sharedworkerglobalscope.on
connect examples this example shows a shared worker file — when a
connection to the worker occurs from a main thread via a messageport, the on
connect event handler fires.
... the
connecting port can be referenced through the event object's ports parameter; this reference can have an onmessage handler attached to it to handle messages coming in through the port, and its postmessage() method can be used to send messages back to the main thread using the worker.
... self.on
connect = function(e) { var port = e.ports[0]; port.onmessage = function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); } port.start(); } for a complete running example, see our basic shared worker example (run shared worker.) addeventlistener equivalent you could also set up an event handler using the addeventlistener() method: self.addeventlistener('
connect', function(e) { var port = e.ports[0]; port.onmessage = function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); } }); specifications specification status html living standardthe definition of '
connect event' in that specification.
BlackConnect - Archive of obsolete content
black
connect was a blackwood subproject, trying to build a java-to-xpcom bridge to allow interoperability between java and xpcom components.
...black
connect is now superseeded by javaxpcom.
... for the remainders of the black
connect project, see here.
PR_QueueJob_Connect
causes a job to be queued when a socket can be
connected.
... syntax #include <prtpool.h> nspr_api(prjob *) pr_queuejob_
connect( prthreadpool *tpool, prjobiodesc *iod, const prnetaddr *addr, prjobfn fn, void * arg, prbool joinable ); parameters the function has the following parameters: tpool a pointer to a prthreadpool structure previously created by a call to pr_createthreadpool.
... addr pointer to a prnetaddr structure for the socket being
connected.
Fun With XBL and XPConnect
the interface definition feature of xbl is used to define an interface through xp
connect to a c++ object that does auto completion.
...the initial value of this property evaluates to an xp-
connect object.
... now accesses to autocompletesession will return the xp-
connect object.
BluetoothRemoteGATTServer.connect() - Web APIs
the bluetoothremotegattserver.
connect() method causes the script execution environment to
connect to this.device.
... syntax bluetoothremotegattserver.
connect() .then(function(bluetoothremotegattserver) { ...
... specifications specification status comment web bluetooththe definition of '
connect()' in that specification.
BluetoothRemoteGATTServer.connected - Web APIs
the bluetoothremotegattserver.
connected read-only property returns a boolean value that returns true while this script execution environment is
connected to this.device.
... it can be false while the user agent is physically
connected.
... syntax var
connected = bluetoothremotegattserver.
connected specifications specification status comment web bluetooththe definition of '
connected' in that specification.
BluetoothRemoteGATTServer.disconnect() - Web APIs
the bluetoothremotegattserver.dis
connect() method causes the script execution environment to dis
connect from this.device.
... syntax bluetoothremotegattserver.dis
connect() returns none.
... specifications specification status comment web bluetooththe definition of 'dis
connect()' in that specification.
IntersectionObserver.disconnect() - Web APIs
the intersectionobserver method dis
connect() stops watching all of its target elements for visibility changes.
... syntax intersectionobserver.dis
connect(); parameters none.
... specifications specification status comment intersection observerthe definition of 'intersectionobserver.dis
connect()' in that specification.
MIDIConnectionEvent - Web APIs
the midi
connectionevent interface of the web midi api is the event passed to the onstatechange event handler of the midiaccess interface and the onstatechange event of the midiports interface.
... constructor midi
connectionevent.midi
connectionevent creates a new midi
connectionevent object.
... properties midi
connectionevent.port returns a reference to a midiport instance for a port that has been
connected or dis
connected." examples specifications specification status comment web midi api working draft initial definition.
PerformanceTiming.secureConnectionStart - Web APIs
the legacy performancetiming.secure
connectionstart read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, where the secure
connection handshake starts.
... if no such
connection is requested, it returns 0.
... syntax time = performancetiming.secure
connectionstart; specifications specification status comment navigation timingthe definition of 'performancetiming.secure
connectionstart' in that specification.
RTCPeerConnection: datachannel event - Web APIs
a datachannel event is sent to an rtcpeer
connection instance when an rtcdatachannel has been added to the
connection, as a result of the remote peer calling rtcpeer
connection.createdatachannel().
... note: this event is not dispatched when the local end of the
connection creates the channel.
... this same code can also instead use the rtcpeer
connection interface's ondatachannel event handler property, like this: pc.ondatachannel = ev => { receivechannel = ev.channel; receivechannel.onmessage = myhandlemessage; receivechannel.onopen = myhandleopen; receivechannel.onclose = myhandleclose; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'data...
RTCPeerConnection.getDefaultIceServers() - Web APIs
the getdefaulticeservers() method of the rtcpeer
connection interface returns an array of objects based on the rtciceserver dictionary, which indicates what, if any, ice servers the browser will use by default if none are provided to the rtcpeer
connection in its rtcconfiguration.
... syntax var defaulticeservers = rtcpeer
connection.getdefaulticeservers(); return value an array of ice servers, specified as objects based on rtciceserver, which the browser will use if none are specified in the configuration of the rtcpeer
connection.
... example var pc = new rtcpeer
connection(); var iceservers = pc.getdefaulticeservers(); if (iceservers.length === 0) { // deal with the lack of default ice servers, possibly by using our own defaults } specifications specification status comment webrtc extensions ...
RTCPeerConnection: idpassertionerror event - Web APIs
an idpassertionerror event informs the target, a rtcpeer
connection object, that the identity provider (idp) encountered an error when trying to generate an identity assertion.
... an event handler for this event can be added using the rtcpeer
connection.onidpassertionerror property.
... bubbles no cancelable no interface rtcidentityerrorevent event handler property onidpassertionerror warning: this event is no longer used; instead, you can detect an assertion error by detecting when the promise returned by rtcpeer
connection.peeridentity is rejected.
RTCPeerConnection: idpvalidationerror event - Web APIs
an idpvalidationerror event informs the target, a rtcpeer
connection object's onidpvalidationerror event handler, that the identity provider (idp) encountered an error while validating an identity assertion.
... an event handler for this event can be added using the rtcpeer
connection.onidpvalidationerror property.
... bubbles no cancelable no interface rtcidentityerrorevent event handler property onidpvalidationerror warning: this event is no longer used; instead, you can detect a validation error by detecting when the promise returned by rtcpeer
connection.peeridentity is rejected.
RTCPeerConnection.onicecandidateerror - Web APIs
the rtcpeer
connection.onicecandidateerror property is an eventhandler which specifies a function which is called to handle the icecandidateerror event when it occurs on an rtcpeer
connection instance.
... syntax rtcpeer
connection.onicecandidateerror = eventhandler; value this should be set to a function you provide which is passed a single parameter: an rtcpeer
connectioniceerrorevent object describing the icecandidateerror event.
... } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connection.onicecandidateerror' in that specification.
RTCPeerConnection.onidpassertionerror - Web APIs
the rtcpeer
connection.onidpassertionerror event handler is a property containing the code to execute whent the idpassertionerror event, of type rtcidentityerrorevent, is received by this rtcpeer
connection.
...you should instead detect idp assertion errors by handling rejection of the promise returned by rtcpeer
connection.peeridentity.
... syntax peer
connection.onidpassertionerror = function; values function is the name of a user-defined function, without the () suffix or any parameters, or an anonymous function declaration, such as function(event) {...}.
RTCPeerConnection.onidpvalidationerror - Web APIs
the rtcpeer
connection.onidpvalidationerror event handler is a property containing the code to execute whent the idpvalidationerror event, of type rtcidentityerrorevent, is received by this rtcpeer
connection.
...you should instead detect idp validation errors by watching for the promise returned by rtcpeer
connection.peeridentity to be rejected.
... syntax peer
connection.onidpvalidationerror = function; values function is the name of a user-defined function, without the () suffix or any parameters, or an anonymous function declaration, such as function(event) {...}.
RTCPeerConnection: idpvalidationerror event - Web APIs
an idpvalidationerror event informs the target, a rtcpeer
connection object, that the identity provider (idp) encountered an error when trying to validate an identity assertion.
... an event handler for this event can be added via the rtcpeer
connection.onidpvalidationerror property.
...instead, you should watch for the rtcpeer
connection.peeridentity promise to be rejected with an operationerror.
ResizeObserver.disconnect() - Web APIs
the dis
connect() method of the resizeobserver interface unobserves all observed element or svgelement targets.
... syntax resizeobserver.dis
connect(); parameters none.
... examples btn.addeventlistener('click', () => { resizeobserver.dis
connect(); }) specifications specification status comment resize observerthe definition of 'dis
connect()' in that specification.
Window.ongamepadconnected - Web APIs
the ongamepad
connected property of the window interface represents an event handler that will run when a gamepad is
connected (when the gamepad
connected event fires).
... syntax window.ongamepad
connected = function() { ...
... }; examples window.ongamepad
connected = function(event) { // all buttons and axes values can be accessed through event.gamepad; }; specifications specification status comment gamepadthe definition of 'gamepad
connected event' in that specification.
Window.ongamepaddisconnected - Web APIs
the ongamepaddis
connected property of the window interface represents an event handler that will run when a gamepad is dis
connected (when the gamepaddis
connected event fires).
... syntax window.ongamepaddis
connected = function() { ...
... }; examples window.ongamepaddis
connected = function() { // a gamepad has been dis
connected }; specifications specification status comment gamepadthe definition of 'gamepaddis
connected event' in that specification.
WorkerNavigator.connection - Web APIs
the workernavigator.
connection read-only property returns a networkinformation object containing information about the system's
connection, such as the current bandwidth of the user's device or whether the
connection is metered.
... this could be used to select high definition content or low definition content based on the user's
connection.
... syntax
connectioninfo = self.navigator.
connection specifications specification status comment network information apithe definition of 'navigator.
connection' in that specification.
connectGATT() - Web APIs
the bluetoothdevice.
connectgatt() method returns a promise that resolves to an instance of bluetoothgattremoteserver.
... syntax instanceofbluetoothdevice.
connectgatt().then(function(bluetoothgattremoteserver) { ...
RTCPeerConnection.onidentityresult - Web APIs
the rtcpeer
connection.onidentityresult event handler is a property containing the code to execute when the identityresult event, of type rtcidentityevent, is received by this rtcpeer
connection.
... syntax peer
connection.onidentityresult = function; values function is the name of a user-defined function, without the () suffix or any parameters, or an anonymous function declaration, such as function(event) {...}.
RTCPeerConnection.onpeeridentity - Web APIs
the rtcpeer
connection.onpeeridentity event handler is a property containing the code to execute whent the peeridentity event, of type event, is received by this rtcpeer
connection.
... syntax peer
connection.onpeeridentity = function; values function is the name of a user-defined function, without the () suffix or any parameters, or an anonymous function declaration, such as function(event) {...}.
RTCPeerConnection.setIdentityProvider() - Web APIs
the rtcpeer
connection.setidentityprovider() method sets the identity provider (idp) to the triplet given in parameter: its name, the protocol used to communicate with it (optional) and an optional username.
... example var pc = new peer
connection(); pc.setidentityassertion("developer.mozilla.org"); specifications specification status comment identity for webrtcthe definition of 'rtcpeer
connection.setidentityprovider()' in that specification.
RTCPeerConnection: signalingstatechange event - Web APIs
an signalingstatechange event is sent to an rtcpeer
connection to notify it that its signaling state, as indicated by the signalingstate property, has changed.
... bubbles no cancelable no interface event event handler property rtcpeer
connection.onsignalingstatechange examples given an rtcpeer
connection, pc, and an updatestatus() function that presents status information to the user, this code sets up an event handler to let the user know when the ice negotiation process finishes up.
RTCPeerConnectionIceEvent.candidate - Web APIs
the read-only candidate property of the rtcpeer
connectioniceevent interface returns the rtcicecandidate associated with the event.
... example pc.onicecandidate = function( ev ) { alert("the ice candidate (transport address: '" + ev.candidate.candidate + "') has been added to this
connection."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeer
connectioniceevent.candidate' in that specification.
USB.onconnect - Web APIs
the on
connect property of the usb interface is an event handler called whenever a paired device is
connected.
... syntax usb.on
connect =
connectfunction specifications specification status comment webusbthe definition of 'on
connect' in that specification.
USB.ondisconnect - Web APIs
the ondis
connect property of the usb is an event handler called whenever a paired device is dis
connected.
... syntax usb.ondis
connect = dis
connectfunction specifications specification status comment webusbthe definition of 'ondis
connect' in that specification.
Window: gamepadconnected event - Web APIs
the gamepad
connected event is fired when the browser detects that a gamepad has been
connected or the first time a button/axis of the gamepad is used.
... bubbles no cancelable no interface gamepadevent event handler property ongamepad
connected examples window.addeventlistener('gamepad
connected', event => { // all buttons and axes values can be accessed through event.gamepad; }); specifications specification status gamepad working draft ...
Window: gamepaddisconnected event - Web APIs
the gamepaddis
connected event is fired when the browser detects that a gamepad has been dis
connected.
... bubbles no cancelable no interface gamepadevent event handler property ongamepaddis
connected examples window.addeventlistener('gamepaddis
connected', event => { console.log('lost
connection with the gamepad.'); }); specifications specification status gamepad working draft ...
Link types: preconnect - HTML: Hypertext Markup Language
the pre
connect keyword for the rel attribute of the <link> element is a hint to browsers that the user is likely to need resources from the target resource's origin, and therefore the browser can likely improve the user experience by preemptively initiating a
connection to that origin.
... specifications specification status comment html living standardthe definition of 'pre
connect' in that specification.
RTCPeerConnection: identityresult event - Web APIs
an identityresult event is sent to an rtcpeer
connection object's onidentityresult event handler to inform it that an assertion has been generated by an associated identity provider (idp) during the process of creating an sdp offer or answer.
Index - Web APIs
this stream can be used in a similar way as a mediastream obtained via navigator.getusermedia — it can, for example, be sent to a remote peer using the rtcpeer
connection addstream() method.
...examples include: 157 audionode.channelcount api, audionode, property, reference, web audio api, channelcount the channelcount property of the audionode interface represents an integer used to determine how many channels are used when up-mixing and down-mixing
connections to any inputs to the node.
...this can be somewhat controlled by setting the audionode.channelinterpretation property to speakers or discrete: 160 audionode.
connect() api, audio, audionode, media, method, reference, web audio api,
connect if the destination is a node,
connect() returns a reference to the destination audionode object, allowing you to chain multiple
connect() calls.
...And 316 more matches
Signaling and video calling - Web APIs
a
connection is established through a discovery and negotiation process called signaling.
...this process is called signaling and involves both devices
connecting to a third, mutually agreed-upon server.
... note: if you try out the example on glitch, please note that any changes made to the code will immediately reset any
connections.
...And 87 more matches
sslfnc.html
if client does not provide certificate, the
connection terminates.
...if it is on, then pr_accept configures the ssl socket to handshake as a client, even though it accepted the
connection as a tcp server.
... ssl_handshake_as_server controls the behavior of pr_
connect.
...And 58 more matches
Index
7 fun with xbl and xp
connect xbl, xpcom, xpcom:language bindings, xp
connect no summary!
... 16 components object dom, gecko, xpcom:language bindings, xp
connect the components object is the object through which xp
connect functionality is reflected into javascript.
... the components object is actually a native instance of the nsixpccomponents interface which is reflected into javascript as a top level object using xp
connect.
...And 56 more matches
Using DTMF with WebRTC - Web APIs
in order to more fully support audio/video conferencing, webrtc supports sending dtmf to the remote peer on an rtcpeer
connection.
... this article offers a brief high-level overview of how dtmf works over webrtc, then provides a guide for everyday developers about how to send dtmf over an rtcpeer
connection.
... sending dtmf on an rtcpeer
connection a given rtcpeer
connection can have multiple media tracks sent or received on it.
...And 52 more matches
A simple RTCDataChannel sample - Web APIs
in this example, we will open an rtcdatachannel
connection linking two elements on the same page.
... while that's obviously a contrived scenario, it's useful for demonstrating the flow of
connecting two peers.
... we'll cover the mechanics of accomplishing the
connection and transmitting and receiving data, but we will save the bits about locating and linking to a remote computer for another example.
...And 38 more matches
WebRTC API - Web APIs
the documentation you'll find here will help you understand the fundamentals of webrtc, how to set up and use both data and media
connections, and more.
...
connections between peers can be made without requiring any special drivers or plug-ins, and can often be made without any intermediary servers.
...
connections between two peers are represented by the rtcpeer
connection interface.
...And 38 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
4 alpn alpn, draft, glossary, needscontent, tls application-layer protocol negotiation (alpn) is a tls extension which indicates what application layer protocol is negotiating the encryped
connection without requiring additional round trips.
... 22 arpanet glossary, infrastructure the arpanet (advanced research projects agency network) was an early computer network, constructed in 1969 as a robust medium to transmit sensitive military data and to
connect leading research groups throughout the united states.
... 26 bandwidth glossary, infrastructure bandwidth is the measure of how much information can pass through a data
connection in a given amount of time.
...And 32 more matches
Mozilla DOM Hacking Guide
class info and helper classes introduction to class info class info is what gives the dom classes their correct behavior when used through xp
connect.
...we will talk a lot about xp
connect in this document, since it is so important for the dom.
... a brief introduction to javascript and xp
connect.
...And 31 more matches
Sqlite.jsm
there is even a shrinkmemory api that will minimize memory usage of the
connection automatically.
... before you can use this module, you need to import it into your scope: components.utils.import("resource://gre/modules/sqlite.jsm") obtaining a
connection sqlite.jsm exports the sqlite symbol.
... this symbol is an object with a single function: open
connection.
...And 30 more matches
Index
that's a good opportunity to talk about ssl/tls
connections to servers in general (not just ev, not just websites).
...(tls is a newer version of ssl with enhanced features.) when establishing an ssl
connection to a server, (at least) a server certificate (and its trust chain) is exchanged from the server to the client (e.g., the browser), and the client verifies that the certificate can be verified (including matching the name of the expected destination server).
...the combination of the hash and encryption algorithms used for a ssl
connection is called a cipher suite.
...And 27 more matches
Using the Gamepad API - Web APIs
in addition to these events, the api also adds a gamepad object, which you can use to query the state of a
connected gamepad, and a navigator.getgamepads() method which you can use to get a list of gamepads known to the page.
...
connecting to a gamepad when a new gamepad is
connected to the computer, the focused page first receives a gamepad
connected event.
... if a gamepad is already
connected when the page loaded, the gamepad
connected event is dispatched to the focused page when the user presses a button or moves an axis.
...And 25 more matches
mozIStorageService
storage/public/mozistorageservice.idlscriptable this interface lets you open a mozistorage
connection to a database file, as well as create backups of an unopened database file.
... this is the only way to open a database
connection.
... 1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) see mozistorage
connection method overview nsifile backupdatabasefile(in nsifile adbfile, in astring abackupfilename, [optional] in nsifile abackupparentdirectory); mozistorage
connection opendatabase(in nsifile adatabasefile); mozistorage
connection openspecialdatabase(in string astoragekey); mozistorage
connection openunshareddatabase(in nsifile adatabasefile); methods backupdatabasefile() this method makes a backup of the specified file.
...And 22 more matches
nsIDOMWindowUtils
cannot be accessed from unprivileged context (not content-accessible) will throw a dom security error if called without universalxp
connect privileges.
... cannot be accessed from unprivileged context (not content-accessible) will throw a dom security error if called without universalxp
connect privileges.
... this method requires universalxp
connect privileges.
...And 19 more matches
RTCIceCandidatePairStats - Web APIs
the webrtc rtcicecandidatepairstats dictionary reports statistics which provide insight into the quality and performance of an rtcpeer
connection while
connected and configured as described by the specified pair of ice candidates.
... circuitbreakertriggercount optional an integer value indicating the number of times the circuit-breaker has been triggered for this particular 5-tuple (the set of five values comprising a tcp
connection: source ip address, source port number, destination ip address, destination port number, and protocol).
... the circuit breaker is triggered whenever a
connection times out or otherwise needs to be automatically aborted.
...And 19 more matches
Lifetime of a WebRTC session - Web APIs
in this article, we'll look at the lifetime of a webrtc session, from establishing the
connection all the way through closing the
connection when it's no longer needed.
... this article doesn't get into details of the actual apis involved in establishing and handling a webrtc
connection; it simply reviews the process in general with some information about why each step is required.
... establishing the
connection the internet is big.
...And 19 more matches
Autodial for Windows NT - Archive of obsolete content
a brief history of autodial on windows in the consumer versions of windows, (windows 95, windows 98, windows me) autodial for all applications is controlled from the control panel, in the internet options applet, under the tab
connections.
...microsoft added a windows system service (remote access auto
connection) to handle autodial for all other applications.
... if this service is running, and control panel | network
connections | advanced | dialup preferences is set to enable autodial, then any application trying to access the internet will trigger the autodial feature whenever an internet address cannot be reached.
...And 18 more matches
NSS Tools ssltap
it watches tcp
connections and displays the data going by.
... if a
connection is ssl, the data display includes interpreted ssl records and handshaking.
... description the ssltap command opens a socket on a rendezvous port and waits for an incoming
connection from the client side.
...And 18 more matches
nsISocketTransport
inherits from: nsitransport last changed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) note:
connection setup is triggered by opening an input or output stream, it does not start on its own.
... completion of the
connection setup is indicated by a status_
connected_to notification to the event sink (if set).
... unsigned long gettimeout(in unsigned long atype); boolean isalive(); void settimeout(in unsigned long atype, in unsigned long avalue); attributes attribute type description
connectionflags unsigned long a bitmask that can be used to modify underlying behavior of the socket
connection.
...And 18 more matches
Storage
open a
connection to the database of your choice - mozistorage
connection.
... create statements to execute on the
connection - mozistoragestatement.
... opening a
connection javascript example of opening my_db_file_name.sqlite in the profile directory: components.utils.import("resource://gre/modules/services.jsm"); components.utils.import("resource://gre/modules/fileutils.jsm"); let file = fileutils.getfile("profd", ["my_db_file_name.sqlite"]); let dbconn = services.storage.opendatabase(file); // will also create the file if it does not exist likewise, the c++ would look like this: nscomptr<nsifile> dbfile; rv = ns_getspecialdirectory(ns_app_user_profile_50_dir, getter_addrefs(dbfile)); ns_ensure_success(rv, rv); rv = dbfile->append(ns_literal_string("my_db_file_name.sqlite")); ns_ensure_success(rv, r...
...And 17 more matches
Navigation and resource timings - Web Performance
as displayed in the image below, the navigation process goes from navigationstart, unloadeventstart, unloadeventend, redirectstart, redirectend, fetchstart, domainlookupstart, domainlookupend,
connectstart ,
connectend, secure
connectionstart, requeststart, responsestart, responseend, domloading, dominteractive, domcontentloadedeventstart, domcontentloadedeventend, domcomplete, loadeventstart, and loadeventend.
... with the metrics above, and a little bit of math, we can calculate many important metrics like time to first byte, page load time, dns lookup, and whether the
connection is secure.
... secure
connectionstart when the secure
connection handshake starts.
...And 17 more matches
HTTP Index - HTTP
http follows a classical client-server model, with a client opening a
connection to make a request, then waiting until it receives a response.
... 11 resource urls guide, http, intermediate, resource resource urls, urls prefixed with the resource: scheme, are used by firefox and firefox browser extensions to load resources internally, but some of the information is available to sites the browser
connects to as well.
... 15
connection management in http/1.x
connection management, guide, http, networking, performance, webmechanics
connection management is a key topic in http: opening and maintaining
connections largely impacts the performance of web sites and web applications.
...And 16 more matches
Protocol upgrade mechanism - HTTP
the http/1.1 protocol provides a special mechanism that can be used to upgrade an already established
connection to a different protocol, using the upgrade header field.
...implementations can choose not to take advantage of an upgrade even if they support the new protocol, and in practice, this mechanism is used mostly to bootstrap a websockets
connection.
... upgrading http/1.1
connections the upgrade header field is used by clients to invite the server to switch to one of the listed protocols, in descending preference order.
...And 16 more matches
NSS tools : ssltab
name ssltap — tap into ssl
connections and display the data going by synopsis libssltap [-vhfsxl] [-p port] [hostname:port] description the ssl debugging tool ssltap is an ssl-aware command-line proxy.
... it watches tcp
connections and displays the data going by.
... if a
connection is ssl, the data display includes interpreted ssl records and handshaking options -v print a version string for the tool.
...And 14 more matches
NSS tools : ssltap
name ssltap — tap into ssl
connections and display the data going by synopsis libssltap [-vhfsxl] [-p port] [hostname:port] description the ssl debugging tool ssltap is an ssl-aware command-line proxy.
... it watches tcp
connections and displays the data going by.
... if a
connection is ssl, the data display includes interpreted ssl records and handshaking options -v print a version string for the tool.
...And 14 more matches
NSS tools : ssltap
name ssltap — tap into ssl
connections and display the data going by synopsis libssltap [-vhfsxl] [-p port] [hostname:port] description the ssl debugging tool ssltap is an ssl-aware command-line proxy.
... it watches tcp
connections and displays the data going by.
... if a
connection is ssl, the data display includes interpreted ssl records and handshaking options -v print a version string for the tool.
...And 14 more matches
Necko walkthrough
then in necko http code (still on the main thread for now): nshttpchannel::asyncopen nshttpchannel::begin
connect() creates nshttp
connectioninfo object for the channel checks if we're proxying or not fires off the dns prefetch request (dispatched to dns thread pool) some other things nshttpchannel::
connect might to a speculative
connect (pre open tcp socket) nshttpchannel::continue
connect some cache stuff nshttpchannel::setuptransaction creates new nshttptran...
...saction, and inits it with mrequesthead (the request headers) and muploadstream (which was created from the request data in channel setup) gets an nsiasyncinputstream (for the response; corresponds to the nspipeinputstream for the response stream pipe) passes it to nsinputstreampump nshttpchannel::ghttphandler->initiatetransaction (called from
connect) this is the global nshttphandler object, which adds the transaction to the nshttp
connectionmgr (one of these per nshttphandler).
... nshttp
connectionmgr::postevent creates an nsconnevent with params including the handler function, nshttp
connectionmgr::onmsgnewtransaction, and the recently created nshttptransaction.
...And 14 more matches
WebRTC Statistics API - Web APIs
the webrtc api has a vast array of statistics available, covering the entire breadth of the webrtc
connectivity system, from sender to receiver and peer to peer.
...most broadly, you can call getstats() on an rtcpeer
connection to get statistics for the
connection overall.
... in this example, a new rtcpeer
connection is created, and then setinterval() is used to set the function get
connectionstats() to be called every second.
...And 14 more matches
Writing WebSocket client applications - Web APIs
creating a websocket object in order to communicate using the websocket protocol, you need to create a websocket object; this will automatically attempt to open the
connection to the server.
... the websocket constructor accepts one required and one optional parameter: websocket = new websocket(url, protocols); url the url to which to
connect; this should be the url to which the websocket server will respond.
... this should use the url scheme wss://, although some software may allow you to use the insecure ws:// for local
connections.
...And 14 more matches
Implementing controls using the Gamepad API - Game development
controls for web games historically playing games on a console
connected to your tv was always a totally different experience to gaming on the pc, mostly because of the unique controls.
...when you
connect the controller, the game significantly changes (hungry fridge turns into the super turbo hungry fridge) and you're able to control the armored fridge using the gamepad api.
...it works independently, so it could be turned on even if the gamepad is not
connected.
...And 13 more matches
CloseEvent - Web APIs
a closeevent is sent to clients using websockets when the
connection is closed.
... 1000 normal closure normal closure; the
connection successfully completed whatever purpose for which it was created.
... 1001 going away the endpoint is going away, either because of a server failure or because the browser is navigating away from the page that opened the
connection.
...And 13 more matches
RTCConfiguration - Web APIs
the rtcconfiguration dictionary is used to provide configuration options for an rtcpeer
connection.
... it may be passed into the constructor when instantiating a
connection, or used with the rtcpeer
connection.getconfiguration() and rtcpeer
connection.setconfiguration() methods, which allow inspecting and changing the configuration while a
connection is established.
... certificates optional an array of objects of type rtccertificate which are used by the
connection for authentication.
...And 13 more matches
Writing WebSocket servers - Web APIs
the websocket handshake first, the server must listen for incoming socket
connections using a standard tcp socket.
...browsers generally require a secure
connection for websockets, although they may offer an exception for local devices.
...in the handshake, details of the
connection are negotiated, and either party can back out before completion if the terms are unfavorable.
...And 13 more matches
Index - Archive of obsolete content
278
connecting to remote content no summary!
... 375 black
connect java no summary!
... 491 java in firefox extensions add-ons, extensions, java if you are in need of calling java code from within a firefox extension, you can make use of live
connect.
...And 12 more matches
Introduction to SSL - Archive of obsolete content
it uses tcp/ip on behalf of the higher-level protocols, and in the process allows an ssl-enabled server to authenticate itself to an ssl-enabled client, allows the client to authenticate itself to the server, and allows both machines to establish an encrypted
connection.
... an encrypted ssl
connection requires all information sent between a client and a server to be encrypted by the sending software and decrypted by the receiving software, thus providing a high degree of confidentiality.
...in addition, all data sent over an encrypted ssl
connection is protected with a mechanism for detecting tampering-that is, for automatically determining whether the data has been altered in transit.
...And 12 more matches
nsIXPCScriptable
js/src/xp
connect/idl/nsixpcscriptable.idlnot scriptable please add a summary to this article.
... last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) inherits from: nsisupports method overview void precreate(in nsisupports nativeobj, in jscontextptr cx, in jsobjectptr globalobj, out jsobjectptr parentobj); void create(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); void postcreate(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); prbool addproperty(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in jsvalptr vp); prbool delproperty(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in jsvalptr vp); prbool getproperty(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in ...
...jsvalptr vp); prbool setproperty(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in jsvalptr vp); prbool enumerate(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); prbool newenumerate(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in pruint32 enum_op, in jsvalptr statep, out jsid idp); prbool newresolve(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in pruint32 flags, out jsobjectptr objp); prbool convert(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in pruint32 type, in jsvalptr vp); void finalize(in nsixp
connectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); prbool checkaccess(in nsixpcon...
...And 12 more matches
RTCDtlsTransport - Web APIs
the rtcdtlstransport interface provides access to information about the datagram transport layer security (dtls) transport over which a rtcpeer
connection's rtp and rtcp packets are sent and received by its rtcrtpsender and rtcrtpreceiver objects.
... a dtls transport is also used to provide information about sctp packets transmitted and received by an
connection's data channels.
...the number of dtls transports created and how they're used depends on the bundling mode used when creating the rtcpeer
connection.
...And 11 more matches
Event reference
websocket events event name fired when open a websocket
connection has been established.
... error a websocket
connection has been closed with prejudice (some data couldn't be sent for example).
... close a websocket
connection has been closed.
...And 11 more matches
An overview of HTTP - HTTP
it is an application layer protocol that is sent over tcp, or over a tls-encrypted tcp
connection, though any reliable transport protocol could theoretically be used.
... http is stateless, but not sessionless http is stateless: there is no link between two requests being successively carried out on the same
connection.
... http and
connections a
connection is controlled at the transport layer, and therefore fundamentally out of scope for http.
...And 11 more matches
Codecs used by WebRTC - Web media technologies
this is due to a change in google play store requirements that prevent firefox from downloading and installing the openh264 codec needed to handle h.264 in webrtc
connections.
... other video codecs codec name profile(s) browser compatibility vp9 — chrome (48+), firefox vp8 vp8, which we describe in general in the main guide to video codecs used on the web, has some specific requirements that must be followed when using it to encode or decode a video track on a webrtc
connection.
... parameters which must be specified these parameters must be specified whenever using avc in a webrtc
connection.
...And 11 more matches
How does the Internet work? - Learn web development
the various technologies that support the internet have evolved over time, but the way it works hasn't changed that much: internet is a way to
connect computers all together and ensure that, whatever happens, they find a way to stay
connected.
...all modern computers can sustain any of those
connections.
...you can
connect as many computers as you wish.
...And 10 more matches
about:debugging - Firefox Developer Tools
when about:debugging opens, on the left-hand side, you'll see a sidebar with two options and information about your remote debugging setup: setup use the setup tab to configure the
connection to your remote device.
... setup tab
connecting to a remote device firefox supports debugging over usb with android devices, using the about:debugging page.
... before you
connect: enable developer settings on your android device.
...And 10 more matches
PerformanceTiming - Web APIs
if a persistent
connection is used, or the information is stored in a cache or a local resource, the value will be the same as performancetiming.fetchstart.
...if a persistent
connection is used, or the information is stored in a cache or a local resource, the value will be the same as performancetiming.fetchstart.
... performancetiming.
connectstart read only when the request to open a
connection is sent to the network.
...And 10 more matches
RTCIceTransportState - Web APIs
"checking" at least one remote candidate has been received, and the rtcicetransport has begun examining pairings of remote and local candidates in order to attempt to identify viable pairs that could be used to establish a
connection.
... "
connected" a viable candidate pair has been found and selected, and the rtcicetransport has
connected the two peers together using that pair.
... the transport may revert from the "
connected" state to the "checking" state if either peer decides to cancel consent to use the selected candidate pair, and may revert to "dis
connected" if there are no candidates left to check but one or both clients are still gathering candidates.
...And 10 more matches
Understanding latency - Web Performance
in terms of performance optimization, it's important to optimize to reduce causes of lacency and to test site performance emulating high latency to optimizer for users with lousy
connections.
...subsequent requests will have less latency because the
connection to the server is already set.
... latency describes the amount of delay on a network or internet
connection.
...And 10 more matches
Desktop gamepad controls - Game development
the gamepad api gives you the ability to
connect a gamepad to your computer and detect pressed buttons directly from the javascript code thanks to the browsers implementing such feature.
...first, we need an event listener to listen for the
connection of the new device: window.addeventlistener("gamepad
connected", gamepadhandler); it's executed once, so we can create some variables we will need later on for storing the controller info and the pressed buttons: var controller = {}; var buttonspressed = []; function gamepadhandler(e) { controller = e.gamepad; output.innerhtml = "gamepad: " + controller.id; } the second line in the g...
...amepadhandler function shows up on the screen when the device is
connected: we can also show the id of the device — in the case above we're using the xbox 360 wireless controller.
...And 9 more matches
Visual typescript game engine - Game development
networking is based on websocket full-duplex communication only.you must be conform with classic socket
connection methodology.
... look back on main staff : -class '
connector' (native websocket) used for user session staff.
... */ private networkdeeplogs: boolean = false; /** * masterserverkey is channel access id used to
connect * multimedia server channel.
...And 9 more matches
JavaScript-DOM Prototypes in Mozilla
prototype setup on an xp
connect wrapped dom node in mozilla when a dom node is accessed from javascript in mozilla, the native c++ dom node is wrapped using xp
connect and the wrapper is exposed to javascript as the javascript representation of the dom node.
... when xp
connect wraps a c++ object it will create a jsobject that is unique to this c++ object.
... var obj = document.images[0]; here, obj will not really have any properties (except for the standard jsobject properties such as constructor, and the non-standard __parent__, __proto__, etc.), all the dom functionality of obj comes from obj's prototype (obj.__proto__) that xp
connect sets up when exposing the first image in document to javascript.
...And 9 more matches
Using XPCOM Components
the cookie manager dialog this dialog is written in xul and javascript, and uses a part of xpcom called xp
connect to seamlessly
connect to the cookiemanager component (see
connecting to components from the interface below).
... the snippet in getting the cookiemanager component in javascript shows how the remove() method from the xpcom cookiemanager component can be called from javascript: getting the cookiemanager component in javascript // xp
connect to cookiemanager // get the cookie manager component in javascript var cmgr = components.classes["@mozilla.org/cookiemanager;1"] .getservice(); cmgr = cmgr.queryinterface(components.interfaces.nsicookiemanager); // called as part of a largerdeleteallcookies() function function finalizecookiedeletions() { for (var c=0; c<deletedcookies.length; c++) { cmgr.remove(deleted...
...cookies[c].host, deletedcookies[c].name, deletedcookies[c].path); } deletedcookies.length = 0; }
connecting to components from the interface the mozilla user interface uses javascript that has been given access to xpcom components in the application core with a technology called xp
connect.
...And 9 more matches
Observer Notifications
profile-change-net-teardown the network
connection is going offline at this point.
... the window id can be obtained from subject.queryinterface(components.interfaces.nsisupportspruint64).data outer-window-destroyed nsidomwindow called when an outer window is dis
connected from its docshell.
... http requests these are the topics that you can observe during a http request (see setting http request headers and creating sandboxed http
connections).
...And 9 more matches
nsISocketProvider
anonymous_
connect 1 << 1 when setting this flag, the socket will not apply any credentials when establishing a
connection.
... for example, an ssl
connection would not send any client-certificates if this flag is set.
... ahost the hostname for this
connection.
...And 9 more matches
nsIWebSocketChannel
originaluri nsiuri the original uri used to construct the protocol
connection.
... uri nsiuri the uri corresponding to the protocol
connection after any redirections are completed.
... 1000 close_normal normal closure; the
connection successfully completed whatever purpose for which it was created.
...And 9 more matches
EventSource - Web APIs
an eventsource instance opens a persistent
connection to an http server, which sends events in text/event-stream format.
... the
connection remains open until closed by calling eventsource.close().
... once the
connection is opened, incoming messages from the server are delivered to your code in the form of events.
...And 9 more matches
Introduction to WebRTC protocols - Web APIs
ice interactive
connectivity establishment (ice) is a framework to allow your web browser to
connect with peers.
... there are many reasons why a straight up
connection from peer a to peer b simply won’t work.
... it needs to bypass firewalls that would prevent opening
connections, give you a unique address if like most situations your device doesn’t have a public ip address, and relay data through a server if your router doesn’t allow you to directly
connect with peers.
...And 9 more matches
Using WebRTC data channels - Web APIs
once you've established a webrtc peer
connection using the rtcpeer
connection interface, you're able to send and receive media data between the two peers on the
connection.
...in this guide, we'll examine how to add a data channel to a peer
connection, which can then be used to securely exchange arbitrary data; that is, any kind of data we wish, in any format we choose.
... write your own code to negotiate the data transport and write your own code to signal to the other peer that it needs to
connect to the new channel.
...And 9 more matches
HTTP headers - HTTP
headers can also be grouped according to how proxies handle them:
connection keep-alive proxy-authenticate proxy-authorization te trailer transfer-encoding upgrade (see also protocol upgrade mechanism).
... hop-by-hop headers these headers are meaningful only for a single transport-level
connection, and must not be retransmitted by proxies or cached.
... note that only hop-by-hop headers may be set using the
connection general header.
...And 9 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
calling xpcom from xp
connect use the xp
connect technology to use xpcom in javascript.
... listing 1 shows how you can use xp
connect to acquire references to xpcom services and create new xpcom objects.
... listing 1: calling xpcom functions using xp
connect <?xml version="1.0" encoding="utf-8"?> <page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript"><![cdata[ var ioservice = components.classes['@mozilla.org/network/io-service;1'] .getservice(components.interfaces.nsiioservice); alert(ioservice); ]]></script> </page> calling xp
connect using local files try sa...
...And 8 more matches
nsINetworkLinkService
by: @mozilla.org/network/network-link-service;1 as a service: var networklinkservice = components.classes["@mozilla.org/network/network-link-service;1"] .getservice(components.interfaces.nsinetworklinkservice); attributes attribute type description islinkup boolean this is set to true when the system is believed to have a usable network
connection.
... the link is only up when network
connections can be established.
... linktype unsigned long the type of network
connection, one of the link_type_* constants.
...And 8 more matches
Applying styles and colors - Web APIs
note also that only start and final endpoints of a path are affected: if a path is closed with closepath(), there's no start and final endpoint; instead, all endpoints in the path are
connected to their attached previous and next segment using the current setting of the linejoin style, whose default value is miter, with the effect of automatically extending the outer borders of the
connected segments to their intersection point, so that the rendered stroke will exactly cover full pixels centered at each endpoint if those
connected segments are horizontal and/or vertical).
... lines ctx.strokestyle = 'black'; for (var i = 0; i < linecap.length; i++) { ctx.linewidth = 15; ctx.linecap = linecap[i]; ctx.beginpath(); ctx.moveto(25 + i * 50, 10); ctx.lineto(25 + i * 50, 140); ctx.stroke(); } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample a linejoin example the linejoin property determines how two
connecting segments (of lines, arcs or curves) with non-zero lengths in a shape are joined together (degenerate segments with zero lengths, whose specified endpoints and control points are exactly at the same position, are skipped).
...note that the linejoin setting has no effect if the two
connected segments have the same direction, because no joining area will be added in this case.
...And 8 more matches
IDBDatabaseSync - Web APIs
the databasesync interface in the indexeddb api represents a synchronous
connection to a database.
... (in domstring storename) raises (idbdatabaseexception); void setversion (in domstring version); idbtransactionsync transaction (in optional domstringlist storenames, in optional unsigned int timeout) raises (idbdatabaseexception); attributes attribute type description description readonly domstring the human-readable description of the
connected database.
... name readonly domstring the name of the
connected database.
...And 8 more matches
RTCIceCandidateStats.networkType - Web APIs
the string indicates the type of network
connection that the described candidate would use to communicate with the other peer.
... the permitted values are: bluetooth a bluetooth
connection is used by the described
connection.
... cellular the
connection uses a cellular data service to
connect.
...And 8 more matches
Using server-sent events - Web APIs
this is one-way
connection, so you can't send events from a client to a server.
... receiving events from the server the server-sent event api is contained in the eventsource interface; to open a
connection to the server to begin receiving events from it, create a new eventsource object with the url of a script that generates the events.
... when not used over http/2, sse suffers from a limitation to the maximum number of open
connections, which can be especially painful when opening multiple tabs, as the limit is per browser and is set to a very low number (6).
...And 8 more matches
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
the real-time transport protocol (rtp), defined in rfc 3550, is an ietf standard protocol to enable real-time
connectivity for exchanging data that needs real-time priority.
...those conditions may be affected by everything from the underlying layers of the network stack to the physical network
connection, the intervening networks, the performance of the remote endpoint, noise levels, traffic levels, and so forth.
... rtcpeer
connection and rtp each rtcpeer
connection has methods which provide access to the list of rtp transports that service the peer
connection.
...And 8 more matches
WebSocket - Web APIs
the websocket object provides the api for creating and managing a websocket
connection to a server, as well as for sending and receiving data on the
connection.
... constants constant value websocket.
connecting 0 websocket.open 1 websocket.closing 2 websocket.closed 3 properties websocket.binarytype the binary data type used by the
connection.
... websocket.onclose an event listener to be called when the
connection is closed.
...And 8 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
the oscillator now we can create an oscillatornode and set its wave to the one we've created: function playsweep() { let osc = audioctx.createoscillator(); osc.setperiodicwave(wave); osc.frequency.value = 440; osc.
connect(audioctx.destination); osc.start(); osc.stop(audioctx.currenttime + 1); } controlling amplitude this is great, but wouldn't it be nice if we had an amplitude envelope to go with it?
...we need to add a gainnode and
connect that through our audio graph to actually apply amplitude variations to our sound.
...40; let sweepenv = audioctx.creategain(); sweepenv.gain.cancelscheduledvalues(audioctx.currenttime); sweepenv.gain.setvalueattime(0, audioctx.currenttime); // set our attack sweepenv.gain.linearramptovalueattime(1, audioctx.currenttime + attacktime); // set our release sweepenv.gain.linearramptovalueattime(0, audioctx.currenttime + sweeplength - releasetime); osc.
connect(sweepenv).
connect(audioctx.destination); osc.start(); osc.stop(audioctx.currenttime + sweeplength); } note: we'll talk about the property baseaudiocontext.currenttime later, so don't worry if you're unsure of it for now.
...And 8 more matches
PR_Accept
accepts a
connection on a specified socket.
... syntax #include <prio.h> prfiledesc* pr_accept( prfiledesc *fd, prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing the rendezvous socket on which the caller is willing to accept new
connections.
...on output, this structure contains the address of the
connecting entity.
...And 7 more matches
sslintro.html
initializing caches ssl peers frequently re
connect after a relatively short time has passed.
... to avoid the overhead of repeating the full ssl handshake in situations like this, the ssl protocol supports the use of a session cache, which retains information about each
connection, such as the master secret generated during the ssl handshake, for a predetermined length of time.
... if ssl can locate the information about a previous
connection in the local session cache, it can reestablish the
connection much more quickly than it can without the
connection information.
...And 7 more matches
nsIServerSocket
the nsiserversocket interface implements a server socket that can accept incoming
connections.
...it will asynchronously listen for and accept client
connections.
... the listener will be notified once for each client
connection that is accepted.
...And 7 more matches
Network Information API - Web APIs
the network information api provides information about the system's
connection in terms of general
connection type (e.g., 'wifi', 'cellular', etc.).
... this can be used to select high definition content or low definition content based on the user's
connection.
... the entire api consists of the addition of the networkinformation interface and a single property to the navigator interface: navigator.
connection.
...And 7 more matches
RTCNetworkType - Web APIs
the webrtc rtcnetworktype enumerated type defines a set of strings used to identify the type of network used by a
connection between two peers.
... this type is used as the value or the following properties: rtcicecandidate's networktype rtcstunserver
connectionstats's networktype values bluetooth a bluetooth
connection is used by the described
connection.
... cellular the
connection uses a cellular data service to
connect.
...And 7 more matches
RTCStatsReport - Web APIs
the rtcstatsreport interface provides a statistics report obtained by calling one of the rtcpeer
connection.getstats(), rtcrtpreceiver.getstats(), and rtcrtpsender.getstats() methods.
... calling getstats() on an rtcpeer
connection lets you specify whether you wish to obtain statistics for outbound, inbound, or all streams on the
connection.
...candidate pairs other than the currently active pair for the transport are deleted when the rtcpeer
connection changes its rtcpeer
connection.icegatheringstate to new during an ice restart.
...And 7 more matches
RTCTrackEvent - Web APIs
the webrtc api interface rtctrackevent represents the track event, which is sent when a new mediastreamtrack is added to an rtcrtpreceiver which is part of the rtcpeer
connection.
... the target is the rtcpeer
connection object to which the track is being added.
...you will probably not need to create new track events yourself, since they're typically created by the webrtc infrastructure and sent to the
connection's ontrack event handler.
...And 7 more matches
Populating the page: how browsers work - Web Performance
tcp handshake once the ip address is known, the browser sets up a
connection to the server via a tcp three-way handshake.
... this mechanism is designed so that two entities attempting to communicate—in this case the browser and web server—can negotiate the parameters of the network tcp socket
connection before transmitting data, often over https.
... tls negotiation for secure
connections established over https, another "handshake" is required.
...And 7 more matches
How do you upload your files to a web server? - Learn web development
your account is: demozilla your website will be visible at demozilla.examplehostingprovider.net to publish to this account, please
connect through sftp with the following credentials: sftp server: sftp://demozilla.examplehostingprovider.net username: demozilla password: quickbrownfox port: 5548 to publish on the web, put your files into the public/htdocs directory.
... to
connect your sftp client to the distant server, follow these steps: choose file > site manager...
... your window should look something like this: now press
connect to
connect to the sftp server.
...And 6 more matches
Mozilla internal string guide
high bit is not guaranteed across xp
connect boundaries.
...all bits are preserved across xp
connect boundaries.
...converted to utf-16 as necessary when value is used across xp
connect boundaries.
...And 6 more matches
wrappedJSObject
wrappedjsobject is a property sometimes available on xp
connect wrappers.
... there are two kinds of xp
connect wrappers that support the wrappedjsobject property: xpcnativewrappers which are used to protect the chrome code working with content objects.
... regular xp
connect wrappers which you can encounter, for example, when using xpcom components implemented in js.
...And 6 more matches
IDBDatabase - Web APIs
the idbdatabase interface of the indexeddb api provides a
connection to a database; you can use an idbdatabase object to open a transaction on your database then create, manipulate, and delete objects (data) in that database.
...t="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="206" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">idbdatabase</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties idbdatabase.name read only a domstring that contains the name of the
connected database.
... idbdatabase.version read only a 64-bit integer that contains the version of the
connected database.
...And 6 more matches
RTCConfiguration.bundlePolicy - Web APIs
the rtcconfiguration dictionary's bundlepolicy property is a string value indicating which sdp bundling policy, if any, to use for the underlying rtp streams used by an rtcpeer
connection.
... the configuration object is used as an input to the rtcpeer
connection() constructor.
... syntax let rtcconfiguration = { bundlepolicy: policy }; rtcconfiguration.bundlepolicy = policy; value a domstring identifying the sdp bundling policy to use for the rtp streams used by the rtcpeer
connection.
...And 6 more matches
RTCConfiguration.certificates - Web APIs
the rtcconfiguration dictionary's optional certificates property is an array of rtccertificate objects providing the security certificates available for use when authenticating duing the
connection process.
...]; let certificates = rtcconfiguration.certificates; value an array of rtccertificate objects, each specifying one security certificate available for use when
connecting to a remote peer.
... if this property isn't specified, the browser will automatically generate and use a certificate to secure the
connection.
...And 6 more matches
RTCOfferOptions.iceRestart - Web APIs
the icerestart property of the rtcofferoptions dictionary is a boolean value which, when true, tells the rtcpeer
connection to start ice renegotiation.
... note: rather than manually creating and submitting an offer with icerestart set to true, you should consider calling the rtcpeer
connection method restartice() instead.
... syntax var options = { icerestart: trueorfalse }; value a boolean value indicating whether or not the rtcpeer
connection should generate new values for the
connection's ice-ufrag and ice-pwd values, which will trigger ice renegotiation on the next message sent to the remote peer.
...And 6 more matches
Writing a WebSocket server in C# - Web APIs
this server conforms to rfc 6455 so it will only handle
connections from chrome version 16, firefox 11, ie 10 and over.
... first steps websockets communicate over a tcp (transmission control protocol)
connection.
... methods: start() system.net.sockets.tcpclient accepttcpclient() waits for a tcp
connection, accepts it and returns it as a tcpclient object.
...And 6 more matches
Window - Web APIs
window.ondeviceproximity an event handler property for device proximity event window.ongamepad
connected represents an event handler that will run when a gamepad is
connected (when the gamepad
connected event fires).
... window.ongamepaddis
connected represents an event handler that will run when a gamepad is dis
connected (when the gamepaddis
connected event fires).
... globaleventhandlers.onmouseover called when the pointer enters the window globaleventhandlers.onmouseup called when any mouse button is released windoweventhandlers.onoffline called when network
connection is lost.
...And 6 more matches
Evolution of HTTP - HTTP
http/0.9 is extremely simple: requests consist of a single line and start with the only possible method get followed by the path to the resource (not the url as both the protocol, server, and port are unnecessary once
connected to the server).
... at this point, a typical request and response looked like this: get /mypage.html http/1.0 user-agent: ncsa_mosaic/2.0 (windows 3.1) 200 ok date: tue, 15 nov 1994 08:12:31 gmt server: cern/3.0 libwww/2.17 content-type: text/html <html> a page with an image <img src="/myimage.gif"> </html> followed by a second
connection and request to fetch the image (followed by a response to that request): get /myimage.gif http/1.0 user-agent: ncsa_mosaic/2.0 (windows 3.1) 200 ok date: tue, 15 nov 1994 08:12:32 gmt server: cern/3.0 libwww/2.17 content-type: text/gif (image content) these novelties have not been introduced as concerted effort, but as a try-and-see approach over the 1991-1995 period: a server and a browse...
... http/1.1 clarified ambiguities and introduced numerous improvements: a
connection can be reused, saving the time to reopen it numerous times to display the resources embedded into the single original document retrieved.
...And 6 more matches
A typical HTTP session - HTTP
in client-server protocols, like http, sessions consist of three phases: the client establishes a tcp
connection (or the appropriate
connection if the transport layer is not tcp).
... as of http/1.1, the
connection is no longer closed after completing the third phase, and the client is now granted a further request: this means the second and third phases can now be performed any number of times.
... establishing a
connection in client-server protocols, it is the client which establishes the
connection.
...And 6 more matches
Using dns-prefetch - Web Performance
for websites that open
connections to many third parties, this latency can significantly reduce loading performance.
... second, it’s also possible to specify dns-prefetch (and other resources hints) as an http header by using the http link field: link: <https://fonts.gstatic.com/>; rel=dns-prefetch third, consider pairing dns-prefetch with the pre
connect hint.
... while dns-prefetch only performs a dns lookup, pre
connect establishes a
connection to a server.
...And 6 more matches
Java in Firefox Extensions - Archive of obsolete content
you should still be able to use the java plugin's scripting functionality, see live
connect for the pointers.
... if you are in need of calling java code from within a firefox extension, you can make use of live
connect.
... live
connect gives your extension's javascript code (linked from or contained in xul code) access to 2 objects: java and packages (note that per this thread, although the new documentation for the live
connect reimplementation states that these globals will be deprecated (in the context of applets), "firefox and the java plug-in will continue to support the global java/packages keywords, in particular in the context of firefox extensions.").
...And 5 more matches
Language bindings
the following bridging layers are currently available: components objectthe components object is the object through which xp
connect functionality is reflected into javascript.
... the components object is actually a native instance of the nsixpccomponents interface which is reflected into javascript as a top level object using xp
connect.components.classescomponents.classes is a read-only object whose properties are classes indexed by contractid.components.classesbyidcomponents.classesbyid is a read-only object whose properties are classes indexed by cid.components.constructorcreates a javascript function which can be used to create or construct new instances of xpcom components.components.exceptioncomponents.exception is a javascript constructor to create nsixpcexception objects.
...the scriptable methods on the nsicomponentmanager interface can be called directly on this object.components.resultscomponents.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xp
connect/src/xpc.msg (also at table of errors), with the value of each corresponding to that constant's value.components.returncodecomponents.stackcomponents.stack is a read only property of type nsistackframe (idl definition) that represents a snapshot of the current javascript callstack.
...And 5 more matches
mozIStorageFunction
objects implementing this interface can be registered with mozistorage
connection.createfunction().
...this is called by the database engine when the function registered with mozistorage
connection.createfunction() is used in an executing sql statement or trigger.
...if you use mozistorage
connection.executeasync() or, mozistoragestatement.executeasync() this callback will run on a different thread from the rest of your code.
...And 5 more matches
Network request details - Firefox Developer Tools
"name": "x-varnish", "value": "766019457, 417549316" } ] }, "request headers (665 b)": { "headers": [ { "name": "accept", "value": "*/*" }, { "name": "accept-encoding", "value": "gzip, deflate, br" }, { "name": "accept-language", "value": "en-us,en;q=0.5" }, { "name": "
connection", "value": "keep-alive" }, { "name": "cookie", "value": "wmf-last-access=11-jun-2019; wmf-last-access-global=11-jun-2019; mwphp7seed=5c9; geoip=us:ny:port_jervis:41.38:-74.67:v4" }, { "name": "dnt", "value": "1" }, { "name": "host", "value": "en.wikipedia.org" }, { "name": "referer",...
...if the response is html, js, or css, it will be shown as text: if the response is json, it will be shown as an inspectable object: if the response is an image, the tab displays a preview: for network responses that are initiated by a websocket
connection, the details pane shows any associated messages.
... request timing the request timing section breaks a network request down into the following subset of the stages defined in the http archive specification: name description blocked time spent in a queue waiting for a network
connection.
...And 5 more matches
RTCIceTransport - Web APIs
this is particularly useful if you need to access state information about the
connection.
...the value of state can be used to determine whether the ice agent has made an initial
connection using a viable candidate pair ("
connected"), made its final selection of candidate pairs ("completed"), or in an error state ("failed"), among other states.
...these are the same candidates which have already been sent to the remote peer by sending an icecandidate event to the rtcpeer
connection for transmission.
...And 5 more matches
RTCStatsType - Web APIs
candidate pairs other than the currently active pair for the transport are deleted when the rtcpeer
connection changes its rtcpeer
connection.icegatheringstate to new during an ice restart.
... codec an rtccodecstats object containing statistics about a codec currently being used by rtp streams to send or receive data for the rtcpeer
connection.
... data-channel an rtcdatachannelstats object which contains statistics about each rtcdatachannel on the
connection.
...And 5 more matches
Controlling multiple parameters with ConstantSourceNode - Web APIs
you simply need to create a constantsourcenode and
connect it to all of the audioparams whose values should be linked to always match each other.
... since constantsourcenode's offset value is simply sent straight through to all of its outputs, it acts as a splitter for that value, sending it to each
connected parameter.
...the constantsourcenode can have as many outputs as necessary; in this case, we've
connected it to three nodes: two gainnodes and a stereopannernode.
...And 5 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
a “simple request” is one that meets all the following conditions: one of the allowed methods: get head post apart from the headers automatically set by the user agent (for example,
connection, user-agent, or the other headers defined in the fetch spec as a “forbidden header name”), the only headers which are allowed to be manually set are those which the fetch spec defines as a “cors-safelisted request-header”, which are: accept accept-language content-language content-type (but note the additional requirements below) dpr downlink save-data viewport-width ...
...eges: let's look at what the browser will send to the server in this case, and let's see how the server responds: get /resources/public-data/ http/1.1 host: bar.other user-agent: mozilla/5.0 (macintosh; intel mac os x 10.14; rv:71.0) gecko/20100101 firefox/71.0 accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 accept-language: en-us,en;q=0.5 accept-encoding: gzip,deflate
connection: keep-alive origin: https://foo.example the request header of note is origin, which shows that the invocation is coming from https://foo.example.
... http/1.1 200 ok date: mon, 01 dec 2008 00:23:53 gmt server: apache/2 access-control-allow-origin: * keep-alive: timeout=2, max=100
connection: keep-alive transfer-encoding: chunked content-type: application/xml […xml data…] in response, the server sends back an access-control-allow-origin header.
...And 5 more matches
Index - HTTP
21
connection http, headers, reference, web the
connection general header controls whether or not the network
connection stays open after the current transaction finishes.
... if the value sent is keep-alive, the
connection is persistent and not closed, allowing for subsequent requests to the same server to be done.
... 32 csp:
connect-src csp, directive, http, reference, security the http content-security-policy (csp)
connect-src directive restricts the urls which can be loaded using script interfaces.
...And 5 more matches
Upgrade - HTTP
the http 1.1 (only) upgrade header can be used to upgrade an already established client/server
connection to a different protocol (over the same transport protocol).
... for example, it can be used by a client to upgrade a
connection from http 1.1 to http 2.0, or an http or https
connection into a websocket.
... for example, the client might send a get request as shown, listing the preferred protocols to switch to (in this case "example/1" and "foo/2"): get /index.html http/1.1 host: www.example.com
connection: upgrade upgrade: example/1, foo/2 note:
connection: upgrade must be set whenever upgrade is sent.
...And 5 more matches
Proxy Auto-Configuration (PAC) file - HTTP
return value format the javascript function returns a single string if the string is null, no proxies should be used the string can contain any number of the following building blocks, separated by a semicolon: direct
connections should be made directly, without any proxies proxy host:port the specified proxy should be used socks host:port the specified socks server should be used recent versions of firefox support as well: http host:port the specified proxy should be used https host:port the specified https proxy should be used socks4 host:port socks5 host:port the specified socks server (with the spec...
...ified sock version) should be used if there are multiple semicolon-separated settings, the left-most setting will be used, until firefox fails to establish the
connection to the proxy.
... if all proxies are down, and there was no direct option specified, the browser will ask if proxies should be temporarily ignored, and direct
connections attempted.
...And 5 more matches
The Joy of XUL - Archive of obsolete content
xul (pronounced "zool") is mozilla's xml-based user interface language that lets you build feature rich cross-platform applications that can run
connected to or dis
connected from the internet.
... xpcom/xp
connect xpcom and xp
connect are complementary technologies that enable the integration of external libraries with xul applications.
... xp
connect is a technology which enables simple interoperation between xpcom and javascript.
...And 4 more matches
Using the Right Markup to Invoke Plugins - Archive of obsolete content
here's an example of this kind of usage for ie: <!-- ie only code --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="366" height="142" id="myflash"> <param name="movie" value="javascript-to-flash.swf" /> <param name="quality" value="high" /> <param name="swlive
connect" value="true" /> </object> in the above example, the classid attribute that goes along with the object element points to a "clsid:" urn followed by the unique identifier of an activex control (in the above example, the string beginning with "d27...").
...here is an example of this usage, once again for the macromedia flash plugin: <object type="application/x-shockwave-flash" data="javascript-to-flash.swf" width="366" height="142" id="myflash"> <param name="movie" value="javascript-to-flash.swf" /> <param name="quality" value="high" /> <param name="swlive
connect" value="true" /> <p>you need flash -- get the latest version from <a href= "http://www.macromedia.com/downloads/">here.</a></p> </object> in the above example, application/x-shockwave-flash is the flash mime type, and will invoke the netscape-specific flash architecture in mozilla-based browsers.
... understands the mime type for flash: <!-- usage will not work as intended --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="366" height="142" id="myflash"> <param name="movie" value="javascript-to-flash.swf" /> <param name="quality" value="high" /> <param name="swlive
connect" value="true" /> <object type="application/x-shockwave-flash" data="javascript-to-flash.swf" width="366" height="142" id="myflashnscp"> <param name="movie" value="javascript-to-flash.swf" /> <param name="quality" value="high" /> <param name="swlive
connect" value="true" /> <p>you need flash -- get the latest version from <a href="http://www.macromedia.com/downloads/"> here...
...And 4 more matches
Getting Started with Chat
general rules and etiquette once you have your client set up (see software below) and are
connected, there are some basic rules you should follow to ensure the most enjoyable and productive experience: as with all mozilla forums and events, agreeing to our community participation guidelines is a requirement for participation.
... software there are several different applications which allow you to
connect to irc networks.
... you will need to use the following information to configure the server
connection: server: irc.mozilla.org port: 6667 (default) or 6697 (ssl) desktop clients desktop clients tens to allow the most detailed configuration.
...And 4 more matches
NSPR Error Handling
pr_is_
connected_error an attempt to
connect on an already
connected network file descriptor.
... pr_
connect_refused_error the peer has refused to allow the
connection to be established.
... pr_
connect_timeout_error the
connection attempt did not complete in a reasonable period of time.
...And 4 more matches
PR_NewTCPSocket
description tcp (transmission control protocol) is a
connection-oriented, reliable byte-stream protocol of the tcp/ip protocol suite.
...a tcp
connection is established by a passive socket (the server) accepting a
connection setup request from an active socket (the client).
... typically, the server binds its socket to a well-known port with pr_bind, calls pr_listen to start listening for
connection setup requests, and calls pr_accept to accept a
connection.
...And 4 more matches
PR_OpenTCPSocket
description tcp (transmission control protocol) is a
connection-oriented, reliable byte-stream protocol of the tcp/ip protocol suite.
...a tcp
connection is established by a passive socket (the server) accepting a
connection setup request from an active socket (the client).
... typically, the server binds its socket to a well-known port with pr_bind, calls pr_listen to start listening for
connection setup requests, and calls pr_accept to accept a
connection.
...And 4 more matches
NetworkInformation - Web APIs
the networkinformation interface provides information about the
connection a device is using to communicate with the network and provides a means for scripts to be notified if the
connection type changes.
...it is instead accessed through the
connection property of the navigator interface.
... networkinformation.downlinkmax read only returns the maximum downlink speed, in megabits per second (mbps), for the underlying
connection technology.
...And 4 more matches
RTCDataChannel.readyState - Web APIs
the read-only rtcdatachannel property readystate returns an enum of type rtcdatachannelstate which indicates the state of the data channel's underlying data
connection.
... rtcdatachannelstate enum the rtcdatachannelstate enum defines string constants which reflect the current status of the rtcdatachannel's underlying data
connection.
... constant description "
connecting" the user agent (browser) is in the process of creating the underlying data transport; that is, whatever network level
connection is used to link the two peers together is in the process of being set up.
...And 4 more matches
RTCDataChannel - Web APIs
every data channel is associated with an rtcpeer
connection, and each peer
connection can have up to a theoretical maximum of 65,534 data channels (the actual limit may vary from browser to browser).
... to create a data channel and ask a remote peer to join you, call the rtcpeer
connection's createdatachannel() method.
... the peer being invited to exchange data receives a datachannel event (which has type rtcdatachannelevent) to let it know the data channel has been added to the
connection.
...And 4 more matches
RTCDtlsTransport.state - Web APIs
connecting dtls is in the process of negotiating a secure
connection and verifying the remote fingerprint.
...
connected dtls has completed negotiation of a secure
connection and verified the remote fingerprint.
... closed the transport has been closed intentionally as the result of receipt of a close_notify alert, or calling rtcpeer
connection.close().
...And 4 more matches
RTCIceServers.urls - Web APIs
a single ice server this example creates a new rtcpeer
connection which will use a stun server at stunserver.example.org to negotiate
connections.
... mypeer
connection = new rtcpeer
connection({ iceservers: [ { urls: "stun:stunserver.example.org" } ] }); notice that only the urls property is provided; the stun server doesn't require authentication, so this is all that's needed.
... a single ice server with authentication the second example creates a new rtcpeer
connection which will use a turn server at turnserver.example.org to negotiate
connections.
...And 4 more matches
RTCIceTransport.state - Web APIs
"checking" at least one remote candidate has been received, and the rtcicetransport has begun examining pairings of remote and local candidates in order to attempt to identify viable pairs that could be used to establish a
connection.
... "
connected" a viable candidate pair has been found and selected, and the rtcicetransport has
connected the two peers together using that pair.
... the transport may revert from the "
connected" state to the "checking" state if either peer decides to cancel consent to use the selected candidate pair, and may revert to "dis
connected" if there are no candidates left to check but one or both clients are still gathering candidates.
...And 4 more matches
Using the Resource Timing API - Web APIs
resource loading phases an application can get timestamps for the various phases of resource loading such as redirection, dns lookup, and tcp
connection setup.
... timing resource loading phases the following example illustrates using the resource timing properties to calculate the amount of time the following phases take: redirection (redirectstart and redirectend ), dns lookup (domainlookupstart and domainlookupend), tcp handshake (
connectstart and
connectend), and response (responsestart and responseend).
...dns lookup time = " + t); // tcp handshake time t = resources[i].
connectend - resources[i].
connectstart; console.log("...
...And 4 more matches
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
the function is passed the channel property of an xmlhttprequest to extract the following information: was the
connection secure?
... the channel property becomes available only after the request is sent and the
connection was established, that is, on readystate loaded, interactive or completed.
... ssl_error_unsupported_version, ssl(9) errname = 'securityunsupportedtlsversionerror'; break; case 12: // ssl_error_bad_cert_domain, ssl(12) errname = 'securitycertificatedomainmismatcherror'; break; default: errname = 'securityerror'; break; } } } else { errtype = 'network'; switch (status) { //
connect to host:port failed case 0x804b000c: // ns_error_
connection_refused, network(13) errname = '
connectionrefusederror'; break; // network timeout error case 0x804b000e: // ns_error_net_timeout, network(14) errname = 'networktimeouterror'; break; // hostname lookup failed case 0x804b001e: // ns_error_unknown_host, network(30) errna...
...And 4 more matches
Keep-Alive - HTTP
the keep-alive general header allows the sender to hint about how the
connection may be used to set a timeout and a maximum amount of requests.
... the
connection header needs to be set to "keep-alive" for this header to have any meaning.
...
connection-specific header fields such as
connection and keep-alive are prohibited in http/2.
...And 4 more matches
HTTP Messages - HTTP
in http/1.1, and earlier versions of the protocol, these messages were openly sent across the
connection.
... post / http/1.1 get /background.png http/1.0 head /test.html?query=alibaba http/1.1 options /anypage.html http/1.0 a complete url, known as the absolute form, is mostly used with get when
connected to a proxy.
...it is only used with
connect when setting up an http tunnel.
...And 4 more matches
XPJS Components Proposal - Archive of obsolete content
now, you might ask: "isn't that what xp
connect does?" and i would answer that xp
connect is necessary, but not sufficient to the task.
... xp
connect provides the mechanisms for communication between native and js xpcom components, but it does not provide all of the infrastructure to register and instantiate js components outside of the limitations of the browser window.
...the xp
connectcomponents object will be available.
...And 3 more matches
TCP handshake - MDN Web Docs Glossary: Definitions of Web-related terms
tcp (transmission control protocol) is a transport layer host-to-host protocol for
connection-oriented communication between two computers on an ip network.
... tcp uses a three-way handshake (aka tcp-handshake, three message handshake, and/or syn-syn-ack) to set up a tcp/ip
connection over an ip based network.
...the three message mechanism is designed so that two computers that want to pass information back and forth to each other can negotiate the parameters of the
connection before transmitting data such as http browser requests.
...And 3 more matches
Error codes returned by Mozilla APIs
ns_error_dom_not_object_err (0x805303eb) ns_error_dom_not_xpc_object_err (0x805303ec) ns_error_dom_not_number_err (0x805303ed) ns_error_dom_not_boolean_err (0x805303ee) ns_error_dom_not_function_err (0x805303ef) ns_error_dom_too_few_parameters_err (0x805303f0) ns_error_dom_bad_document_domain (0x805303f1) ns_error_dom_prop_access_denied (0x805303f2) ns_error_dom_xp
connect_access_denied (0x805303f3) ns_error_dom_bad_uri (0x805303f4) ns_error_dom_retval_undefined (0x805303f5) ns_error_dom_quota_reached (0x805303f6) an attempt was made to add data into the local or global storage for a given domain that would exceed the amount allowed for that domain.
... network errors the following errors can occur when creating
connections over the network, or when reading or writing data.
... ns_error_already_
connected (0x804b000b) the
connection is already established.
...And 3 more matches
PR_Listen
listens for
connections on a specified socket.
... syntax #include <prio.h> prstatus pr_listen( prfiledesc *fd, printn backlog); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket that will be used to listen for new
connections.
... backlog the maximum length of the queue of pending
connections.
...And 3 more matches
An overview of NSS Internals
that's a good opportunity to talk about ssl/tls
connections to servers in general (not just ev, not just websites).
...(tls is a newer version of ssl with enhanced features.) when establishing an ssl
connection to a server, (at least) a server certificate (and its trust chain) is exchanged from the server to the client (e.g., the browser), and the client verifies that the certificate can be verified (including matching the name of the expected destination server).
...the combination of the hash and encryption algorithms used for a ssl
connection is called a cipher suite.
...And 3 more matches
HTTP delegation
background up to version 3.11, nss
connects directly over http to an ocsp responder to make the request and fetch the response.
...therefore the api should allow for keep-alive (persistent) http
connections.
...the object may be used by the application to associate it with a physical network
connection.
...And 3 more matches
HTTP delegation
background up to version 3.11, nss
connects directly over http to an ocsp responder to make the request and fetch the response.
...therefore the api should allow for keep-alive (persistent) http
connections.
...the object may be used by the application to associate it with a physical network
connection.
...And 3 more matches
History Service Design
history service checks for database existance and coherence, and initializes the
connection through the storage service.
... database maintenance at startup the service creates an exclusive storage
connection to places.sqlite, the exclusive locking is needed for both a perf gain and data-safety.
... in case the database is missing a new one is created, if instead the database exists but the
connection to it fails due to database corruption, the corrupt database is moved away and a new one is created.
...And 3 more matches
mozIStorageAggregateFunction
objects implementing this interface can be registered with mozistorage
connection.createaggregatefunction().
...if you use mozistorage
connection.executeasync() or, mozistoragestatement.executeasync() this callback will run on a different thread from the rest of your code.
...if you use mozistorage
connection.executeasync() or, mozistoragestatement.executeasync() this callback will run on a different thread from the rest of your code.
...And 3 more matches
mozIStorageStatement
storage/public/mozistoragestatement.idlscriptable this interface lets you create and execute sql statements on a mozistorage
connection.
... method overview void initialize(in mozistorage
connection adb
connection, in autf8string asqlstatement); obsolete since gecko 1.9.1 void finalize(); mozistoragestatement clone(); autf8string getparametername(in unsigned long aparamindex); unsigned long getparameterindex(in autf8string aname); autf8string getcolumnname(in unsigned long acolumnindex); unsigned long getcolumnindex(in autf8string aname); void reset(); astring escapestringforlike(in astring avalue, in wchar aescapechar); void bindparameters(in mozi...
...to initialize a statement, consumers should call mozistorage
connection.createstatement().
...And 3 more matches
nsIProtocolProxyService
otherwise, this method returns null indicating that a direct
connection should be used.
... return value an nsiproxyinfo object or null for a direct
connection.
...this method may be useful in conjunction with nsisockettransportservice.createtransport() for creating, for example, a socks
connection.
...And 3 more matches
WebIDL bindings
} } external interfaces external interfaces are represented in c++ as objects that xp
connect knows how to unwrap to.
...this second call method is a template on the type of the first argument, so the this value can be passed in in whatever form is most convenient, as long as it's either a type that can be wrapped by xp
connect or a webidl interface type.
... xp
connect sandboxes doesn't see [securecontext] apis, but this may change in bug 1273687.
...And 3 more matches
Mozilla
creating sandboxed http
connections starting with gecko 1.8.1 (firefox 2), it is possible to create sandboxed http
connections which don't affect the user's cookies.
... this article will cover the basics of doing http
connections from xpcom javascript, and should easily translate to c++ xpcom.
...there are actually two autocomplete mechanisms: how to investigate dis
connect failures this article will guide you on how to investigate dis
connect failures.
...And 3 more matches
Broadcast Channel API - Web APIs
if it is the first to
connect to that broadcast channel name, the underlying channel is created.
... //
connection to a broadcast channel const bc = new broadcastchannel('test_channel'); sending a message it is enough to call the postmessage() method on the created broadcastchannel object, which takes any object as an argument.
... receiving a message when a message is posted, a message event is dispatched to each broadcastchannel object
connected to this channel.
...And 3 more matches
Gamepad API - Web APIs
it contains three interfaces, two events and one specialist function, to respond to gamepads being
connected and dis
connected, and to access other information about the gamepads themselves, and what buttons and other controls are currently being pressed.
... interfaces gamepad represents a gamepad/controller
connected to the computer.
... gamepadbutton represents a button on one of the
connected controllers.
...And 3 more matches
RTCConfiguration.iceServers - Web APIs
]; value an array of zero or more rtciceserver objects, each of which describes one stun or turn server for the ice agent to use during the
connection's negotiation.
... if the array is empty, or if the iceservers option isn't specified, the ice agent will negotiate without the use of any servers, which will limit the
connection to local peers.
...while it can be useful to provide a second server as a fallback in case the first is offline, listing too many servers can delay the user's
connection being established, depending on the network's performance and how many servers get used for negotiation before a
connection is established.
...And 3 more matches
RTCIceServer - Web APIs
the rtciceserver dictionary defines how to
connect to a single ice server (such as a stun or turn server).
... objects of this type are provided in the configuration of an rtcpeer
connection, in the iceservers array.
... credentialtype optional if the rtciceserver represents a turn server, this attribute specifies what kind of credential is to be used when
connecting.
...And 3 more matches
RTCRtpTransceiver.direction - Web APIs
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the other peer accepts the
connection and at least one of the sender's encodings is active1.
... "sendonly" offers to send rtp data, and will do so if the other peer accepts the
connection and at least one of the sender's encodings is active1.
... exceptions when setting the value of direction, the following exceptions can occur: invalidstateerror either the receiver's rtcpeer
connection is closed or the rtcrtpreceiver is stopped.
...And 3 more matches
WebSocket.readyState - Web APIs
the websocket.readystate read-only property returns the current state of the websocket
connection.
... syntax var readystate = awebsocket.readystate; value one of the following unsigned short values: value state description 0
connecting socket has been created.
... the
connection is not yet open.
...And 3 more matches
Content-Security-Policy - HTTP
connect-src restricts the urls which can be loaded using script interfaces default-src serves as a fallback for the other fetch directives.
...pay special attention to the
connect-src directive here.
... even though the second policy would allow the
connection, the first policy contains
connect-src 'none'.
...And 3 more matches
Proxy servers and tunneling - HTTP
or the de-facto standard versions: x-forwarded-for identifies the originating ip addresses of a client
connecting to a web server through an http proxy or a load balancer.
... x-forwarded-host identifies the original host requested that a client used to
connect to your proxy or load balancer.
... x-forwarded-proto identifies the protocol (http or https) that a client used to
connect to your proxy or load balancer.
...And 3 more matches
Transport Layer Security - Web security
the security of any
connection using transport layer security (tls) is heavily dependent upon the cipher suites and security parameters selected.
... a tls
connection starts with a handshake phase where a client and server agree on a shared secret and important parameters, like cipher suites, are negotiated.
...in general, you should try to limit cipher support to the newest ciphers possible which are compatible with the browsers you want to be able to
connect to your site.
...And 3 more matches
Using custom elements - Web Components
for example,
connectedcallback is invoked each time the custom element is appended into a document-
connected element, while attributechangedcallback is invoked when one of the custom element's attributes is added, removed, or changed.
... using the lifecycle callbacks you can define several different callbacks inside a custom element's class definition, which fire at different points in the element's lifecycle:
connectedcallback: invoked each time the custom element is appended into a document-
connected element.
... note:
connectedcallback may be called once your element is no longer
connected, use node.is
connected to make sure.
...And 3 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
hence a single computer might
connect many different users all day long.
... objective the objective is to provide users with a mailer agent, a web browser, and a news reader which are automatically configured (preferences) at startup to the current user
connected on the computer.
...ker_mode", "0"); lockpref("mail.identity.id1.organization", "int evry france"); lockpref("mail.identity.id1.overrideglobal_pref", true); lockpref("mail.identity.id1.reply_to", ""); //imap lockpref("mail.server.server2.hostname", "imap-int.int-evry.fr"); lockpref("mail.server.server2.issecure", true); lockpref("mail.server.server2.login_at_startup", true); lockpref("mail.server.server2.max_cached_
connections", 5); //lockpref("mail.server.server2.name", "jehan.procaccia@int-evry.fr"); lockpref("mail.server.server2.type", "imap"); lockpref("mail.server.server2.username", env_user); //smtp lockpref("mail.identity.id1.smtpserver", "smtp1"); lockpref("mail.identity.id1.stationery_folder", "imap://" + env_user + "@imap-int.int-evry.fr/templates"); lockpref("mail.identity.id1.tmpl_folder_picker_mode", ...
...And 2 more matches
Mozilla Application Framework in Detail - Archive of obsolete content
as personal
connectivity expands from the desktop computer to new web-enabled products and devices, gecko is a browser engine that has been designed from the ground up to power a new generation of desktop browsers and browsing devices and to accelerate the growth and development of the next-generation internet.
...applications that want to access the various mozilla xpcom libraries (networking, security, dom, etc.) use a special layer of xpcom called xp
connect, which reflects the library interfaces into javascript (or other languages).
... xp
connect glues the front end to the c++-based components in xpcom, and it can be extended to include scripting support for other languages: pyxpcom already offers support for python, java is supported by javaxpcom, and there are efforts underway to add perl and ruby language support for xp
connect.
...And 2 more matches
Remotely debugging Firefox for Metro - Archive of obsolete content
set up firefox for metro go to about:config in firefox for metro, and set the following required preference: devtools.debugger.remote-enabled = true you may also want to set these optional preferences: devtools.debugger.force-local = false (if you want to
connect from a different machine over the network) devtools.debugger.remote-host (to change the tcp hostname where firefox will listen for
connections) devtools.debugger.remote-port (to change the tcp port number where firefox will listen for
connections) devtools.debugger.prompt-
connection = false (allow
connections without displaying a confirmation prompt.
...
connecting on the desktop on the desktop, open the web developer menu and select "
connect...".
... you'll see a page that looks like this: if you are running firefox for metro on the same computer with the default settings, use the default host (localhost) and port (6000), and press the "
connect" button.
...And 2 more matches
TCP/IP Security - Archive of obsolete content
this layer provides
connection-oriented or
connectionless services for transporting application layer services between networks.
... data link layer controls are applied to all communications on a specific physical link, such as a dedicated circuit between two buildings or a dial-up modem
connection to an internet service provider (isp).
... data link layer controls for dedicated circuits are most often provided by specialized hardware devices known as data link encryptors; data link layer controls for other types of
connections, such as dial-up modem communications, are usually provided through software.
...And 2 more matches
Client-Server Overview - Learn web development
trace, options,
connect, patch: these verbs are for less common/advanced tasks, so we won't cover them here.
...the first part is called the header, and contains useful information about the request, in the same way that an html head contains useful information about an html document (but not the actual content itself, which is in the body): get https://developer.mozilla.org/search?q=client+server+overview&topic=apps&topic=html&topic=css&topic=js&topic=api&topic=webdev http/1.1 host: developer.mozilla.org
connection: keep-alive pragma: no-cache cache-control: no-cache upgrade-insecure-requests: 1 user-agent: mozilla/5.0 (windows nt 10.0; wow64) applewebkit/537.36 (khtml, like gecko) chrome/52.0.2743.116 safari/537.36 accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 referer: https://developer.mozilla.org/ accept-encoding: gzip, deflate, sdch, br accept-charset: iso-8859-1,...
... http/1.1 200 ok server: apache x-backend-server: developer1.webapp.scl3.mozilla.com vary: accept,cookie, accept-encoding content-type: text/html; charset=utf-8 date: wed, 07 sep 2016 00:11:31 gmt keep-alive: timeout=5, max=999
connection: keep-alive x-frame-options: deny allow: get x-cache-info: caching content-length: 41823 <!doctype html> <html lang="en-us" dir="ltr" class="redesign no-js" data-ffo-opensanslight=false data-ffo-opensans=false > <head prefix="og: http://ogp.me/ns#"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <script>(function(d) { d.classname = d.classname.replace(/\...
...And 2 more matches
Release phase
let's go over configuring your
connection protocols.
... configuration before you try pushing, you need to tell ssh which username you wish to use for
connecting with hg.mozilla.org.
... mercurial will
connect to the remote repository, authenticate through ssh and send the changesets.
...And 2 more matches
PRIOMethods
syntax #include <prio.h> struct priomethods { prdesctype file_type; prclosefn close; prreadfn read; prwritefn write; pravailablefn available; pravailable64fn available64; prfsyncfn fsync; prseekfn seek; prseek64fn seek64; prfileinfofn fileinfo; prfileinfo64fn fileinfo64; prwritevfn writev; pr
connectfn
connect; pracceptfn accept; prbindfn bind; prlistenfn listen; prshutdownfn shutdown; prrecvfn recv; prsendfn send; prrecvfromfn recvfrom; prsendtofn sendto; prpollfn poll; pracceptreadfn acceptread; prtransmitfilefn transmitfile; prgetsocknamefn getsockname; prgetpeernamefn getpeername; prgetsockoptfn getsockopt; prsetsockoptfn setsockopt; }; typedef struct priomethods priomethods; para...
...
connect connect to the specified network address.
... accept accept a
connection from a network peer.
...And 2 more matches
Notes on TLS - SSL 3.0 Intolerant Servers
the
connection seems terminated and a blank page is displayed.
...this incorrect implementation causes them to reject
connection attempts from clients that are compliant with the ssl 3.0 and tls (aka ssl 3.1) specifications.
...it is designed to permit a server to detect a man-in-the-middle that is altering the ssl client hello (
connection) requests as they pass from the client to the server, altering them by changing the protocol version number to a lower version number.
...And 2 more matches
sslerr.html
ssl_error_ssl_disabled -12268 "cannot
connect: ssl is disabled." the local socket is configured in such a way that it cannot use any of the ssl cipher suites.
... ssl_error_fortezza_pqg -12267 "cannot
connect: ssl peer is in another fortezza domain." the local system and the remote system are in different fortezza domains.
... ssl_error_close_notify_alert -12230 "ssl peer has closed this
connection." the local socket received an ssl3 alert record from the remote peer, reporting that the remote peer has chosen to end the
connection.
...And 2 more matches
MailNews fakeserver
onstartup none server's response called when a
connection is made.
... server.start(port); // set up a nsimsgincomingserver locally localserver.someactionrequiring
connection(); server.performtest(); // nothing will be executed until the
connection is closed // localserver.closecached
connections() is generally a good way to do so server.resettest(); // set up second test server.performtest(); transaction = server.playtransaction(); // finished with tests server.stop(); } currently, fakeserver provides no means to keep a persistent
connection pa...
...st a test, requiring
connections to be closed, possibly forcibly.
...And 2 more matches
Inspecting web sockets - Firefox Developer Tools
since firefox 71, the network monitor has had the ability to inspect web socket
connections.
... accessing the inspector when you are inspecting a web app that utilizes a web socket
connection, the web socket requests are listed in the list of requests in the network monitor along with all other requests.
... you can use the ws button to filter the list for just web socket
connections.
...And 2 more matches
Web Audio Editor - Firefox Developer Tools
the developer
connects the nodes in a graph, and the complete graph defines the behavior of the audio stream.
...this gives you a high-level view of its operation, and enables you to ensure that all the nodes are
connected in the way you expect.
...
connections to audioparams displaying
connections to audioparams is new in firefox 34.
...And 2 more matches
Firefox Developer Tools
download firefox developer edition
connecting the developer tools if you open the developer tools using keyboard shortcuts or the equivalent menu items, they'll target the document hosted by the currently active tab.
...
connecting to firefox for android
connect the developer tools to an instance of firefox running on an android device.
...
connecting to iframes
connect the developer tools to a specific iframe in the current page.
...And 2 more matches
AudioNode - Web APIs
description the audio routing graph each audionode has inputs and outputs, and multiple audio nodes are
connected to build a processing graph.
... audionode.channelcount represents an integer used to determine how many channels are used when up-mixing and down-mixing
connections to any inputs to the node.
... audionode.
connect() allows us to
connect the output of this node to be input into another node, either as audio data or as the value of an audioparam.
...And 2 more matches
Drawing shapes with canvas - Web APIs
drawing rectangles unlike svg, <canvas> only supports two primitive shapes: rectangles and paths (lists of points
connected by lines).
...a path is a list of points,
connected by segments of lines that can be of different shapes, curved or not, of different width and of different color.
...we could also use moveto() to draw un
connected paths.
...And 2 more matches
GamepadEvent - Web APIs
the gamepadevent interface of the gamepad api contains references to gamepads
connected to the system, which is what the gamepad events window.gamepad
connected and window.gamepaddis
connected are fired in response to.
... examples the gamepad property being called on a fired window.gamepad
connected event.
... window.addeventlistener("gamepad
connected", function(e) { console.log("gamepad
connected at index %d: %s.
...And 2 more matches
Basic concepts - Web APIs
indexeddb is useful for applications that store a large amount of data (for example, a catalog of dvds in a lending library) and applications that don't need persistent internet
connectivity to work (for example, mail clients, to-do lists, and notepads).
... database
connection an operation created by opening a database.
... a given database can have multiple
connections at the same time.
...And 2 more matches
Navigator.onLine - Web APIs
the property sends updates whenever the browser's ability to
connect to the network changes.
...for example, the property should return false when users click links soon after they lose internet
connection.
... in chrome and safari, if the browser is not able to
connect to a local area network (lan) or a router, it is offline; all other conditions return true.
...And 2 more matches
RTCIceCandidate - Web APIs
the rtcicecandidate interface—part of the webrtc api—represents a candidate internet
connectivity establishment (ice) configuration which may be used to establish an rtcpeer
connection.
...when starting a webrtc peer
connection, typically a number of candidates are proposed by each end of the
connection, until they mutually agree upon one which describes the
connection they decide will be best.
... webrtc then uses that candidate's details to initiate the
connection.
...And 2 more matches
RTCRtpSender.setStreams() - Web APIs
exceptions invalidstateerror the sender's
connection is closed.
... once the track has been added to all of the streams, renegotiation of the
connection will be triggered by the negotiationneeded event being dispatched to the rtcpeer
connection to which the sender belongs.
... example this example adds all of an rtcpeer
connection's tracks to the specified stream.
...And 2 more matches
WebGL constants - Web APIs
each vertex
connects to the one after it.
... line_strip 0x0003 passed to drawelements or drawarrays to draw a
connected group of line segments from the first vertex to the last.
... triangle_strip 0x0005 passed to drawelements or drawarrays to draw a
connected group of triangles.
...And 2 more matches
Writing a WebSocket server in Java - Web APIs
this server conforms to rfc 6455, so it only handles
connections from chrome version 16, firefox 11, ie 10 and higher.
... first steps websockets communicate over a tcp (transmission control protocol)
connection.
...t java.security.nosuchalgorithmexception; import java.util.base64; import java.util.scanner; import java.util.regex.matcher; import java.util.regex.pattern; public class websocket { public static void main(string[] args) throws ioexception, nosuchalgorithmexception { serversocket server = new serversocket(80); try { system.out.println("server has started on 127.0.0.1:80.\r\nwaiting for a
connection..."); socket client = server.accept(); system.out.println("a client
connected."); socket methods: java.net.socket getinputstream() returns an input stream for this socket.
...And 2 more matches
The WebSocket API (WebSockets) - Web APIs
note: while a websocket
connection is functionally somewhat similar to standard unix-style sockets, they are not related.
... interfaces websocket the primary interface for
connecting to a websocket server and then sending and receiving data on the
connection.
... closeevent the event sent by the websocket object when the
connection closes.
...And 2 more matches
Migrating from webkitAudioContext - Web APIs
instead of setting a gain property directly on an audio source, you
connect the source to a gain node and then control the gain using that node's gain parameter.
... the same functionality can be achieved by
connecting the audiobuffersourcenode to a gain node.
... see the following example: // old webkitaudiocontext code: var src = context.createbuffersource(); src.buffer = somebuffer; src.gain.value = 0.5; src.
connect(context.destination); src.noteon(0); // new standard audiocontext code: var src = context.createbuffersource(); src.buffer = somebuffer; var gain = context.creategain(); src.
connect(gain); gain.gain.value = 0.5; gain.
connect(context.destination); src.start(0); audiobuffer the gain attribute of audiobuffer has been removed.
...And 2 more matches
Example and tutorial: Simple synth keyboard - Web APIs
<div class="settingsbar"> <div class="left"> <span>volume: </span> <input type="range" min="0.0" max="1.0" step="0.01" value="0.5" list="volumes" name="volume"> <datalist id="volumes"> <option value="0.0" label="mute"> <option value="1.0" label="100%"> </datalist> </div> we specify a default value of 0.5, and we provide a <datalist> element which is
connected to the range using the name attribute to find an option list whose id matches; in this case, the data set is named "volume".
... mastergainnode is set to null; during the setup process, it will be configured to contain a gainnode which all playing oscillators will
connect to and play through to allow the overall volume to be controlled using a single slider control.
... function setup() { notefreq = createnotetable(); volumecontrol.addeventlistener("change", changevolume, false); mastergainnode = audiocontext.creategain(); mastergainnode.
connect(audiocontext.destination); mastergainnode.gain.value = volumecontrol.value; // create the keys; skip any that are sharp or flat; for // our purposes we don't need them.
...And 2 more matches
Audio and video manipulation - Developer guides
html <video id="my-video" controls src="myvideo.mp4" type="video/mp4"> </video> javascript var context = new audiocontext(), audiosource = context.createmediaelementsource(document.getelementbyid("my-video")), filter = context.createbiquadfilter(); audiosource.
connect(filter); filter.
connect(context.destination); // configure filter filter.type = "lowshelf"; filter.frequency.value = 1000; filter.gain.value = 25; playable code <video id="my-video" controls="true" width="480" height="270" crossorigin="anonymous"> <source src="https://udn.realityripple.com/samples/5b/8cd6da9c65.webm" type="video/webm"> <source src="https://udn.realityripple.com/samples/6f...
...n" value="edit" /> <input id="reset" type="button" value="reset" /> </div> <textarea id="code" class="playable-code"> filter.type = "lowshelf"; filter.frequency.value = 1000; filter.gain.value = 25;</textarea> var context = new audiocontext(), audiosource = context.createmediaelementsource(document.getelementbyid("my-video")), filter = context.createbiquadfilter(); audiosource.
connect(filter); filter.
connect(context.destination); var textarea = document.getelementbyid('code'); var reset = document.getelementbyid('reset'); var edit = document.getelementbyid('edit'); var code = textarea.value; function setfilter() { eval(textarea.value); } reset.addeventlistener('click', function() { textarea.value = code; setfilter(); }); edit.addeventlistener('click', function() { ...
... example var convolver = context.createconvolver(); convolver.buffer = this.impulseresponsebuffer; //
connect the graph.
...And 2 more matches
HTML5 - Developer guides
connectivity: allowing you to communicate with the server in new and innovative ways.
...
connectivity web sockets allows creating a permanent
connection between the page and the server and to exchange non-html data through that means.
... webrtc this technology, where rtc stands for real-time communication, allows
connecting to other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.
...And 2 more matches
408 Request Timeout - HTTP
the hypertext transfer protocol (http) 408 request timeout response status code means that the server would like to shut down this unused
connection.
... it is sent on an idle
connection by some servers, even without any previous request by the client.
... a server should send the "close"
connection header field in the response, since 408 implies that the server has decided to close the
connection rather than continue waiting.
...And 2 more matches
HTTP response status codes - HTTP
408 request timeout this response is sent on an idle
connection by some servers, even without any previous request by the client.
... it means that the server would like to shut down this unused
connection.
... this response is used much more since some browsers, like chrome, firefox 27+, or ie9, use http pre-
connection mechanisms to speed up surfing.
...And 2 more matches
Web Performance
in terms of performance optimization, it's important to optimize to reduce causes of lacency and to test site performance emulating high latency to optimizer for users with lousy
connections.
... glossary terms beacon brotli compression client hints code splitting cssom domain sharding effective
connection type first contentful paint first cpu idle first input delay first interactive first meaningful paint first paint http http/2 jank latency lazy load long task lossless compression lossy compression main thread minification network throttling packet page load time page prediction parse perceived performance prefetch prerender quic rail real user monitoring resource t...
...while hardware has reduced the negative impacts tls has had on server performance, it still represents a substantial slice of the time we spend waiting for browsers to
connect to servers.
...And 2 more matches
SVG documentation index - SVG: Scalable Vector Graphics
350 <line> element, reference, svg, svg graphics the <line> element is an svg basic shape used to create a line
connecting two points.
... 359 <polygon> element, reference, svg, svg graphics the <polygon> element defines a closed shape consisting of a set of
connected straight line segments.
... the last point is
connected to the first point.
...And 2 more matches
Index of archived content - Archive of obsolete content
adding sidebars adding windows and dialogs appendix a: add-on performance appendix b: install and uninstall scripts appendix c: avoiding using eval in add-ons appendix d: loading scripts appendix e: dom building and insertion (html & xul) appendix f: monitoring dom changes
connecting to remote content custom xul elements with xbl getting started with firefox extensions handling preferences intercepting page loads introduction javascript object management local storage mozilla documentation roadmap observer notifications setting up a de...
...inds its configuration files how thunderbird and firefox find their configuration files introduction kill the xul.mfl file for good locked config settings other mozilla customization pages protecting mozilla's registry.dat file automatically handle failed asserts in debug builds black
connect blackwood bonsai bookmark keywords build building transformiix standalone chromeless compiling the npruntime sample plugin in visual studio creating a firefox sidebar extension creating a microsummary creating a mozilla extension adding the structure ...
...ed) e4x e4x for templating processing xml with e4x e4x tutorial accessing xml children descendants and filters introduction namespaces the global xml object iterator live
connect live
connect overview live
connect reference jsexception jsobject msx emulator (jsmsx) old proxy api parallelarray properly using css and javascript in xhtml documents examples ...
... making sure your theme works with rtl locales theme changes in firefox 2 theme changes in firefox 3 theme changes in firefox 3.5 theme changes in firefox 4 updating an extension to support multiple mozilla applications using firebug and jquery (screencast) using io timeout and interrupt on nt using ssh to
connect to cvs using web standards in your web pages developing cross-browser and cross-platform pages references summary of changes using the w3c dom using workers in extensions web standards choosing standards compliance over proprietary practices community ...
Monitoring WiFi access points - Archive of obsolete content
code with universalxp
connect privileges can monitor the list of available wifi access points to obtain information about them including their ssid, mac address, and signal strength.
...<html> <head> <title>wifi monitor example</title> <script> var count = 0; function test() { } test.prototype = { onchange: function (accesspoints) { netscape.security.privilegemanager.enableprivilege('universalxp
connect'); var d = document.getelementbyid("d"); d.innerhtml = ""; for (var i=0; i<accesspoints.length; i++) { var a = accesspoints[i]; d.innerhtml += "<p>" + a.mac + " " + a.ssid + " " + a.signal + "</p>"; } var c = document.getelementbyid("c"); c.innerhtml = "<p>" + count++ + "</p>"; }, onerror: function (value) { alert("error: " +value); }, queryin...
...terface: function(iid) { netscape.security.privilegemanager.enableprivilege('universalxp
connect'); if (iid.equals(components.interfaces.nsiwifilistener) || iid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_error_no_interface; }, } netscape.security.privilegemanager.enableprivilege('universalxp
connect'); var listener = new test(); var wifi_service = components.classes["@mozilla.org/wifi/monitor;1"].getservice(components.interfaces.nsiwifimonitor); wifi_service.startwatching(listener); </script> </head> <body> <div id="d"><p></p></div> <div id="c"><p></p></div> </body> </html> the nsiwifilistener object the first thing the code above does is to prototype the listener object that will be receiving ...
...the onchange() method (lines 13 through 27) begins by enabling universalxp
connect privileges, then clearing out the div (d) that will receive the updated list of access points.
No Proxy For configuration - Archive of obsolete content
because the public network was small in scope and
connections were slow, a caching proxy could often improve the overall performance.
...or 10.0.* ip addresses with wildcards in quads 10.*.*.* preferences name network.proxy.no_proxies_on default value localhost, 127.0.0.1 by default "localhost" and "127.0.0.1" are excluded, since most people assume these should
connect to the local system.
...proxy
connections that fail return an error "the proxy server you have configured cannot be found", so configure your browser to use a non-existent http proxy (hostname: "imaginary", port "80").
...all proxied urls will return errors, all non-proxied
connections will be attempted normally (direct
connection).
Running Tamarin acceptance tests - Archive of obsolete content
adb automatically
connects to a phone if
connected by usb.
... adb shell "ls /" is a good test to see if
connected.
...if you have more than 1 phone
connected to usb, use "adb -s " for each phone.
...it's unreliable, losing its adb
connection frequently.
XUL Events - Archive of obsolete content
any previously attached listeners are dis
connected.
...this event will only be sent to elements
connected to a preference and in a prefwindow.
... attribute: onsyncfrompreference synctopreference this event is sent when the element
connected to a preference has changed.
... this event will only be sent to elements
connected to a preference and in a prefwindow.
Index - Archive of obsolete content
953 the joy of xul guide, mozilla, xpcom, xp
connect, xul this guide is designed to introduce application developers and their managers to xul so they can not only understand why mozilla's platform is based on it, but how they might adopt it for their own use.
... xul (pronounced "zool") is mozilla's xml-based user interface language that lets you build feature rich cross-platform applications that can run
connected to or dis
connected from the internet.
... 1080 xpcom interfaces tutorials, xpcom:language bindings, xp
connect, xul, xul_tutorial no summary!
...you can
connect a user interface element such as a checkbox to a preference element using the user interface element's preference attribute.
The Implementation of the Application Object Model - Archive of obsolete content
the answer itself implied a concession that some newly-architected system that
connected directly into the dom apis would be preferable to rdf if only there were time to engineer it.
...what we really need in this situation is the ability to take our intermediate representation and form an entirely different set of
connections between our data objects.
... we need the ability to use arcs of a different type to
connect our nodes, e.g., rather than chaining the nodes using a "natural order" relationship, it would be advantageous and desirable to be able to add an additional relationship to the nodes, e.g., a "sorted ascending on name" relationship.
...this implies a need for the ability to make "negative" and "positive" assertions about
connections in our tree, i.e., so that we can delete arcs and/or add arcs to the tree.
Gecko Compatibility Handbook - Archive of obsolete content
testing aol from within a firewall if you need to
connect to aol via a corporate firewall, america online has registered tcp/ip ports 5190 and 11523 so you can communicate with the aol client software.
... you need to be
connected to the internet to test your site on aol; it isn't possible to access your site on a local machine via your lan, without an internet
connection.
...(related article)
connecting to a secure site fails, but
connects in internet explorer the web server does not properly implement the fall back negotiation for ssl.
...unfortunately, several implementations of ssl 3.0 incorrectly implement the negotiation of which version of ssl to use and fail to
connect to gecko browsers.
Transmission Control Protocol (TCP) - MDN Web Docs Glossary: Definitions of Web-related terms
tcp (transmission control protocol) is a transport layer host-to-host protocol for
connection-oriented communication between two computers on an ip network.
... tcp uses virtual ports to create a virtual end-to-end
connection that can reuse the physical
connections between two computers.
... tcp handshake the tcp three-way handshake, also called the tcp-handshake, three message handshake, and/or syn-syn-ack, is the method used by tcp to set up a tcp/ip
connection over an ip-based network.
...the three message mechanism is designed for the two computers that want to pass information back and forth and can negotiate the parameters of the
connection before transmitting data such as http browser requests.
How the Web works - Learn web development
clients and servers computers
connected to the web are called clients and servers.
... a simplified diagram of how they interact might look like this: clients are the typical web user's internet-
connected devices (for example, your computer
connected to your wi-fi, or your phone
connected to your mobile network) and web-accessing software available on those devices (usually a web browser like firefox or chrome).
... in addition to the client and the server, we also need to say hello to: your internet
connection: allows you to send and receive data on the web.
...this message, and all other data sent between the client and the server, is sent across your internet
connection using tcp/ip.
The "why" of web performance - Learn web development
with performance as with accessibility, you consider what device a site visitor is using to access the site and the device
connection speed.
... imagine loading this on a desktop computer
connected to a fibre optic network.
...a lot of countries still have internet
connections that bill per megabyte.
... here's some real-world examples of performance improvements: tokopedia reduced render time from 14s to 2s for 3g
connections and saw a 19% increase in visitors, 35% increase in total sessions, 7% increase in new users, 17% increase in active users and 16% increase in sessions per user.
Command line crash course - Learn web development
technically, a terminal is software that starts and
connects to a shell.
... in the next section let’s step it up a notch (or several notches in fact) and see how we can
connect tools together on the command line to really see how the terminal can be advantageous over the regular desktop user interface.
...
connecting commands together with pipes the terminal really comes into its own when you start to chain commands together using the | (pipe) symbol.
... the pipe operator can
connect these inputs and outputs together, allowing us to build up increasingly more complex operations to suit our needs — the output from one command can become the input to the next command.
Deploying our app - Learn web development
it's exactly these kinds of
connected services that we would encourage you to look for when deciding on your own build toolchain.
... so with our project committed in git and pushed to our github repository, the next step in the toolchain is to
connect github to netlify so our project can be deployed live on the web!
... since we've
connected netlify to our github account and given it access to deploy the project repository, netlify will ask how to prepare the project for deployment and what to deploy.
... integration testing, which basically says "does one block of code still work when
connected to another block?" unit testing, where small and specific bits of functionality are tested to see if they do what they are supposed to do.
Storage access policy: Block cookies from trackers
the tracking protection list is maintained by dis
connect.
... network
connections: tls sessions will not be resumed using a session ticket when an https
connection is made to an embedded third-party resource that is classified as a tracker.
... http
connection reuse by domains classified as trackers is limited to requests that occur under the same top-level origin.
... for example, a request for content from tracker.example on news.example will not reuse an http
connection with a request for content from tracker.example on shopping.example or with requests that occur when tracker.example is visited directly (i.e., as a first party).
Leak-hunting strategies and tips
(but we have many virtual destructors in the codebase that don't need to be -- don't do that.) debugging leaks that go through xp
connect many large object graphs that leak go through xp
connect.
... this can mean there will be xp
connect wrapper objects showing up as owning the leaked objects, but it doesn't mean it's xp
connect's fault (although that has been known to happen, it's rare).
... debugging leaks that go through xp
connect requires a basic understanding of what xp
connect does.
... xp
connect allows an xpcom object to be exposed to javascript, and it allows certain javascript objects to be exposed to c++ code as normal xpcom objects.
PR_AcceptRead
accepts a new
connection and receives a block of data.
...on return, *acceptedsock points to the prfiledesc object for the newly
connected socket.
...pr_acceptread blocks indefinitely until the
connection is accepted; the read will time out after the timeout interval elapses.
... description pr_acceptread accepts a new
connection and retrieves the newly created socket's descriptor and the
connecting peer's address.
PR_TransmitFile
sends a complete file across a
connected socket.
... syntax #include <prio.h> print32 pr_transmitfile( prfiledesc *networksocket, prfiledesc *sourcefile, const void *headers, print32 hlen, prtransmitfileflags flags, printervaltime timeout); parameters the function has the following parameters: networksocket a pointer to a prfiledesc object representing the
connected socket to send data over.
... pr_transmitfile_close_socket indicates that the
connection should be closed immediately after successful transfer of the file.
... description the pr_transmitfile function sends a complete file (sourcefile) across a
connected socket (networksocket).
JSS FAQ
my ssl
connection is hanging on windows?
... how can i debug my ssl
connection?
... my ssl
connection is hanging on windows?
... check http://lxr.mozilla.org/mozilla/source/security/jss/org/mozilla/jss/ssl/sslsocket.java#730 how can i debug my ssl
connection?
NSS Tools sslstrength
sslstrength summary a simple command-line client which
connects to an ssl-server, and reports back the encryption cipher and strength used.
...the second form attempts to
connect to the named ssl host.
...the enabled ciphersuites will always be printed out before the
connection is made.
... step-up step up is a mode where the
connection starts out with 40-bit encryption, but due to a 'change-cipher-spec' handshake, changes to 128-bit encryption.
NSS Tools sslstrength
sslstrength summary a simple command-line client which
connects to an ssl-server, and reports back the encryption cipher and strength used.
...the second form attempts to
connect to the named ssl host.
...the enabled ciphersuites will always be printed out before the
connection is made.
... step-up step up is a mode where the
connection starts out with 40-bit encryption, but due to a 'change-cipher-spec' handshake, changes to 128-bit encryption.
Avoiding leaks in JavaScript XPCOM components
using xpcom in javascript (also known as xp
connect) is an environment where memory management issues are not obvious.
... memory management in xpcom and javascript javascript code that uses xpcom through xp
connect uses two different memory management models.
...understanding how memory management works in xp
connect helps understand why this is the case.
... xp
connect basically provides two features.
Components.lastResult
components.lastresult returns the numeric nsresult code that was the result code of the last xpcom method called via xp
connect.
...this is because failure result codes get converted by xp
connect into exceptions that are thrown into the calling javascript method.
...this is because many 'components' properties and methods are themselves implemented using xp
connect and subsequent calls to components.lastresult might reflect the result of 'implicit' xp
connect calls rather than the result of the target call.
... example in the following example, the local variable i contains the actual result returned by bar() (assuming that bar() is called via xp
connect), and components.lastresult contains the success code returned by bar().
nsIBadCertListener2
it can also be used to obtain the ssl handshake status of a
connection that will be canceled because of improper certificate status.
...boolean notifycertproblem( in nsiinterfacerequestor socketinfo, in nsisslstatus status, in autf8string targetsite ); parameters socketinfo a network communication context that can be used to obtain more information about the active
connection.
...targetsite the site name that was used to open the current
connection.
... return value the consumer shall return true if it wants to suppress the error message related to the bad cert (the
connection will still get canceled).
nsISSLErrorListener
security/manager/ssl/public/nsisslerrorlistener.idlscriptable a mechanism to report a broken ssl
connection.
...boolean notifysslerror( in nsiinterfacerequestor socketinfo, in print32 error, in autf8string targetsite ); parameters socketinfo a network communication context that can be used to obtain more information about the active
connection.
...targetsite the site name that was used to open the current
connection.
... return value the consumer shall return true if it wants to suppress the error message related to the error (the
connection will still get canceled).
nsIServerSocketListener
netwerk/base/public/nsiserversocket.idlscriptable this interface is notified whenever a server socket accepts a new
connection.
... the transport is in the
connected state, and read/write streams can be opened using the normal nsitransport api.
... inherits from: nsisupports last changed in gecko 1.7 method overview void onsocketaccepted(in nsiserversocket aserv, in nsisockettransport atransport); void onstoplistening(in nsiserversocket aserv, in nsresult astatus); methods onsocketaccepted() this method is called when a client
connection is accepted.
... atransport the
connected socket transport.
nsITransportSecurityInfo
netwerk/socket/nsitransportsecurityinfo.idlscriptable this interface provides information about transport security, including the security state and any error message for the
connection.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) attributes attribute type description errormessage wstring error message on
connection failure.
... securitystate unsigned long a flag detailing the security state of the
connection.
... shortsecuritydescription wstring for secure
connections (ssl) gives the common name (cn) of the certifying authority.
xptcall FAQ
both of these facilities are required by xp
connect.
...xp
connect uses information from typelib files to reflect arbitrary xpcom interfaces into javascript and to make calls from javascript to xpcom using xptc_invokebyindex.
... the information in the typelibs allows xp
connect to convert function parameters and build the nsxptcvariant array required to make this call.
...but any browser feature that relies on xp
connect will fail.
Using the Multiple Accounts API
the only thing that determines which smtp server a user should use is their physical
connection to the internet.
... for instance, if a user is
connected to the internet through myisp, inc.
... preference: mail.server.server.max_cached_
connections - integer, max number of
connections left open to the server preference: mail.server.server.empty_trash_threshhold integer, (should not be imap-specific) max k of wasted diskspace before we purge a folder preference: mail.server.server.delete_model - integer, delete model (move to trash, imap delete, purge immediately, not sure of values) preference: mail.server.server.time...
...out - integer, number of minutes a
connection is idle before we drop it preference: mail.server.server.capability - list of capabilities of this server preference: mail.server.server.namespace.public - the server's namespace for public folders preference: mail.server.server.namespace.personal - the server's namespace for personal folders preference: mail.server.server.namespace.other_users - the server's namespace for other user's folders the following are specific to pop: the following are specific to news: preference: mail.server.server.leave_on_server - boolean, should we leave messages on the server after we have downloaded them?
Constants - Plugins
npvers_has_live
connect 9 live
connect.
... npvers_win16_has_live
connect 9 live
connect (win16).
... npvers_68k_has_live
connect 11 live
connect (68k).
... npvers_has_xp
connect_scripting 13 plug-in is scriptable using xp
connect.
Index - Firefox Developer Tools
47 inspecting web sockets javascript, network monitor, webapis, web socket inspector, web sockets since firefox 71, the network monitor has had the ability to inspect web socket
connections.
... 53 throttling 110n:priority, debugging, dev tools, firefox, guide, networking, tools the network monitor allows you to throttle your network speed to emulate various
connection speeds so you can see how your app will behave under different
connection types.
...the other browser might be on the same device as the tools themselves or on a different device, such as a phone
connected over usb.
...this architecture allows you to
connect a web console client instance to a server running on b2g, fennec or some other firefox instance.
Web Console remoting - Firefox Developer Tools
this architecture allows you to
connect a web console client instance to a server running on b2g, fennec or some other firefox instance.
... to see how the debugger is used in the web console code, look in browser/devtools/webconsole/webconsole.js, and search for webconsole
connectionproxy.
... to attach to the webconsoleactor, follow these steps:
connecttoserver() // the usual listtabs() pickthetabyouwant() debuggerclient.attachconsole(tab.consoleactor, listeners, onattachconsole) the listeners argument is an array which specifies listeners you want to start in the web console.
... the geteventtimings packet: { "to": "conn0.netevent15", "type": "geteventtimings" } { "from": "conn0.netevent15", "timings": { "blocked": 0, "dns": 0, "
connect": 0, "send": 0, "wait": 16, "receive": 0 }, "totaltime": 16 } the fileactivity packet when a file load is observed the following fileactivity packet is sent to the client: { "from": "conn0.console9", "type": "fileactivity", "uri": "file:///home/mihai/public_html/mozilla/test2.css" } history protocol changes by firefox version: firefox 18: initial version.
about:debugging (before Firefox 68) - Firefox Developer Tools
this page enables you to do two things: load an add-on temporarily from disk
connect the add-on debugger to any restartless add-ons
connecting the add-on debugger the add-ons page in about:debugging lists all restartless add-ons that are currently installed (note that this list may include add-ons that came preinstalled with your firefox).
... if you click "debug", you'll see a dialog asking you to accept an incoming
connection.
... workers the workers page shows your workers, categorised as follows: all registered service workers all registered shared workers other workers, including chrome workers and dedicated workers you can
connect the developer tools to each worker, and send push notifications to service workers.
... clicking "debug"
connects the javascript debugger and console to this worker.
AudioWorkletProcessor.process - Web APIs
syntax var isactivelyprocessing = audioworkletprocessor.process(inputs, outputs, parameters); parameters inputs an array of inputs
connected to the node, each item of which is, in turn, an array of channels.
...if there is no active node
connected to the n-th input of the node, inputs[n] will be an empty array (zero input channels available).
...as soon as there are no inputs
connected and references retained, gain can no longer be applied to anything, so it can be safely garbage-collected.
... a node that transforms its input, but has a so-called tail-time — this means that it will produce an output for some time even after its inputs are dis
connected or are inactive (producing zero-channels).
BaseAudioContext.createChannelMerger() - Web APIs
to use them, you need to use the second and third parameters of the audionode.
connect(audionode) method, which allow you to specify both the index of the channel to
connect from and the index of the channel to
connect to.
... var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.
connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.
connect(gainnode, 0); //
connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
... gainnode.
connect(merger, 0, 1); splitter.
connect(merger, 1, 0); var dest = ac.createmediastreamdestination(); // because we have used a channelmergernode, we now have a stereo // mediastream we can use to pipe the web audio graph to webrtc, // mediarecorder, etc.
... merger.
connect(dest); }); specifications specification status comment web audio apithe definition of 'createchannelmerger()' in that specification.
BaseAudioContext.createChannelSplitter() - Web APIs
to use them, you need to use the second and third parameters of the audionode.
connect(audionode) method, which allow you to specify the index of the channel to
connect from and the index of the channel to
connect to.
... var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.
connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.
connect(gainnode, 0); //
connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
... gainnode.
connect(merger, 0, 1); splitter.
connect(merger, 1, 0); var dest = ac.createmediastreamdestination(); // because we have used a channelmergernode, we now have a stereo // mediastream we can use to pipe the web audio graph to webrtc, // mediarecorder, etc.
... merger.
connect(dest); }); specifications specification status comment web audio apithe definition of 'createchannelsplitter()' in that specification.
BluetoothRemoteGATTServer - Web APIs
interface interface bluetoothremotegattserver { readonly attribute bluetoothdevice device; readonly attribute boolean
connected; promise<bluetoothremotegattserver>
connect(); void dis
connect(); promise<bluetoothremotegattservice> getprimaryservice(bluetoothserviceuuid service); promise<sequence<bluetoothremotegattservice>> getprimaryservices(optional bluetoothserviceuuid service); }; properties bluetoothremotegattserver.
connectedread only a boolean value that returns true while this script execution environment is
connected to this.device.
... it can be false while the user agent is physically
connected.
... methods bluetoothremotegattserver.
connect() causes the script execution environment to
connect to this.device.
... bluetoothremotegattserver.dis
connect() causes the script execution environment to dis
connect from this.device.
CanvasRenderingContext2D.arcTo() - Web APIs
the arc is automatically
connected to the path's latest point with a straight line, if necessary for the specified parameters.
... note: be aware that you may get unexpected results when using a relatively large radius: the arc's
connecting line will go in whatever direction it must to meet the specified radius.
...the lineto() method
connects the arc to (20, 20) with a straight line.
...in this example, the arc's
connecting line goes above, instead of below, the coordinate specified by moveto().
CanvasRenderingContext2D.lineJoin - Web APIs
this property has no effect wherever two
connected segments have the same direction, because no joining area will be added in this case.
... "round" rounds off the corners of a shape by filling an additional sector of disc centered at the common endpoint of
connected segments.
... "bevel" fills an additional triangular area between the common endpoint of
connected segments, and the separate outside rectangular corners of each segment.
... "miter"
connected segments are joined by extending their outside edges to
connect at a single point, with the effect of filling an additional lozenge-shaped area.
ChannelMergerNode - Web APIs
to use them, you need to use the second and third parameters of the audionode.
connect(audionode) method, which allow you to specify both the index of the channel to
connect from and the index of the channel to
connect to.
... var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.
connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.
connect(gainnode, 0); //
connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
... gainnode.
connect(merger, 0, 1); splitter.
connect(merger, 1, 0); var dest = ac.createmediastreamdestination(); // because we have used a channelmergernode, we now have a stereo // mediastream we can use to pipe the web audio graph to webrtc, // mediarecorder, etc.
... merger.
connect(dest); }); specifications specification status comment web audio apithe definition of 'channelmergernode' in that specification.
ChannelSplitterNode - Web APIs
to use them, you need to use the second and third parameters of the audionode.
connect(audionode) method, which allow you to specify the index of the channel to
connect from and the index of the channel to
connect to.
... var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.
connect(splitter); var merger = ac.createchannelmerger(2); // reduce the volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.
connect(gainnode, 0); //
connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
... gainnode.
connect(merger, 0, 1); splitter.
connect(merger, 1, 0); var dest = ac.createmediastreamdestination(); // because we have used a channelmergernode, we now have a stereo // mediastream we can use to pipe the web audio graph to webrtc, // mediarecorder, etc.
... merger.
connect(dest); }); specifications specification status comment web audio apithe definition of 'channelsplitternode' in that specification.
ConstantSourceNode - Web APIs
in addition, it can be used like a constructible audioparam by automating the value of its offset or by
connecting another node to it; see controlling multiple parameters with constantsourcenode.
...the three nodes are set up like this: gainnode2 = context.creategain(); gainnode3 = context.creategain(); gainnode2.gain.value = gainnode3.gain.value = 0.5; volumeslidercontrol.value = gainnode2.gain.value; constantnode = context.createconstantsource(); constantnode.
connect(gainnode2.gain); constantnode.
connect(gainnode3.gain); constantnode.start(); gainnode2.
connect(context.destination); gainnode3.
connect(context.destination); this code starts by creating the gain nodes and setting them and the volume control that will adjust their value all to 0.5.
... then the constantsourcenode is created by calling audiocontext.createconstantsource(), and the gain parameters of each of the two gain nodes are
connected to the constantsourcenode.
...finally, the two gain nodes are
connected to the audio destination (typically speakers or headphones).
Gamepad - Web APIs
a gamepad object can be returned in one of two ways: via the gamepad property of the gamepad
connected and gamepaddis
connected events, or by grabbing any position in the array returned by the navigator.getgamepads() method.
... gamepad.
connected read only a boolean indicating whether the gamepad is still
connected to the system.
... gamepad.index read only an integer that is auto-incremented to be unique for each device currently
connected to the system.
... example window.addeventlistener("gamepad
connected", function(e) { console.log("gamepad
connected at index %d: %s.
IDBDatabase: close event - Web APIs
the close event is fired on idbdatabase when the database
connection is unexpectedly closed.
... note that it is not fired if the database
connection is closed normally using idbdatabase.close().
...; objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const db = dbopenrequest.result; db.addeventlistener('close', () => { console.log('database
connection closed'); }); }; the same example, using the onclose property instead of addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = (event) => { const db = event.target.result; // create an objectstore for this database const objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // de...
...unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = (event) => { const db = dbopenrequest.result; db.onclose = () => { console.log('database
connection closed'); }; }; ...
IDBFactory.open() - Web APIs
the open() method of the idbfactory interface requests opening a
connection to a database.
...if the operation is successful, a success event is fired on the request object that is returned from this method, with its result attribute set to the new idbdatabase object for the
connection.
... if an error occurs while the database
connection is being opened, then an error event is fired on the request object returned from this method.
...if the version is not provided and the database exists, then a
connection to the database will be opened without changing its version.
MediaStreamTrack - Web APIs
if the track has been dis
connected, this value can be changed but has no more effect.
...the string may be left empty and is empty as long as no source has been
connected.
...this will be one of the following values: "live" which indicates that an input is
connected and does its best-effort in providing real-time data.
... mediastreamtrack.remote read only returns a boolean with a value of true if the track is sourced by a rtcpeer
connection, false otherwise.
MutationObserver.takeRecords() - Web APIs
the most common use case for this is to immediately fetch all pending mutation records immediately prior to dis
connecting the observer, so that any pending mutations can be processed when stopping down the observer.
... example in this example, we demonstrate how to handle any undelivered mutationrecords by calling takerecords() just before dis
connecting the observer.
...*/ /* handle any still-pending mutations */ let mutations = observer.takerecords(); observer.dis
connect(); if (mutations) { callback(mutations); } the code in lines 12–17 fetches any unprocessed mutation records, then invokes the callback with the records so that they can be processed.
... this is done immediately prior to calling dis
connect() to stop observing the dom.
NetworkInformation.downlinkMax - Web APIs
the networkinformation.downlinkmax read-only property returns the maximum downlink speed, in megabits per second (mbps), for the underlying
connection technology.
... syntax var max = networkinformation.downlinkmax return value an unrestricted double representing the maximum downlink speed, in megabits per second (mb/s), for the underlying
connection technology.
... examples the following example monitors the
connection using the change event and logs changes as they occur.
... function log
connectiontype() { var
connectiontype = 'not supported'; var downlinkmax = 'not supported'; if ('
connection' in navigator) {
connectiontype = navigator.
connection.effectivetype; if ('downlinkmax' in navigator.
connection) { downlinkmax = navigator.
connection.downlinkmax; } } console.log('current
connection type: ' +
connectiontype + ' (downlink max: ' + downlinkmax + ')'); } log
connectiontype(); navigator.
connection.addeventlistener('change', log
connectiontype); specifications specification status comment network information apithe definition of 'downlinkmax' in that specification.
NetworkInformation.onchange - Web APIs
the networkinformation.onchange event handler contains the code that is fired when
connection information changes, and the change is received by the networkinformation object.
...} examples // get the
connection type.
... var type = navigator.
connection.type; function changehandler(e) { // handle change of
connection type here.
... } // register for event changes: navigator.
connection.onchange = changehandler; // another way: navigator.
connection.addeventlistener('change', changehandler); specifications specification status comment network information apithe definition of 'onchange' in that specification.
NetworkInformation.rtt - Web APIs
the networkinformation.rtt read-only property returns the estimated effective round-trip time of the current
connection, rounded to the nearest multiple of 25 milliseconds.
... this value is based on recently observed application-layer rtt measurements across recently active
connections.
... it excludes
connections made to a private address space.
... if no recent measurement data is available, the value is based on the properties of the underlying
connection technology.
PerformanceResourceTiming - Web APIs
performanceresourcetiming.
connectstartread only a domhighrestimestamp immediately before the browser starts to establish the
connection to the server to retrieve the resource.
... performanceresourcetiming.
connectendread only a domhighrestimestamp immediately after the browser finishes establishing the
connection to the server to retrieve the resource.
... performanceresourcetiming.secure
connectionstartread only a domhighrestimestamp immediately before the browser starts the handshake process to secure the current
connection.
... performanceresourcetiming.responseendread only a domhighrestimestamp immediately after the browser receives the last byte of the resource or immediately before the transport
connection is closed, whichever comes first.
RTCDataChannel.label - Web APIs
a data channel's label is set when the channel is created by calling rtcpeer
connection.createdatachannel().
... syntax var name = adatachannel.label; value a string identifier assigned by the web site or app when the data channel was created, as specified when rtcpeer
connection.createdatachannel() was called to create the channel.
... example this sample creates a data channel on an rtcpeer
connection, then, some time later, sets the content of a ui element to display the channel's name.
... var pc = new rtcpeer
connection(); var dc = pc.createdatachannel("my channel"); /* ...
RTCDataChannel: open event - Web APIs
bubbles no cancelable no interface rtcdatachannelevent event handler property onopen examples this example adds to the rtcdatachannel dc a handler for the open event that adjusts the user interface to indicate that a chat window is ready to be used after a
connection has been established.
... it enables the message input box and send button as well as enabling the dis
connect button and disabling the
connect button.
... dc.addeventlistener("open", ev => { messageinputbox.disabled = false; sendmessagebutton.disabled = false; dis
connectbutton.disabled = false;
connectbutton.disabled = true; messageinputbox.focus(); }, false); this can also be done by directly setting the value of the channel's onopen event handler property.
... dc.onopen = ev => { messageinputbox.disabled = false; sendmessagebutton.disabled = false; dis
connectbutton.disabled = false;
connectbutton.disabled = true; messageinputbox.focus(); } ...
RTCDataChannel.send() - Web APIs
data sent before
connecting is buffered if possible (or an error occurs if it's not possible), and is also buffered if sent while the
connection is closing or closed.
... syntax rtcdatachannel.send(data); parameters data the data to transmit across the
connection.
... exceptions invalidstateerror since the data channel uses a separate transport channel from the media content, it must establish its own
connection; if it hasn't finished doing so (that is, its readystate is "
connecting"), this error occurs without sending or buffering the data.
... var pc = new rtcpeer
connection(); var dc = pc.createdatachannel("backchannel"); function sendmessage(msg) { let obj = { "message": msg, "timestamp": new date() } dc.send(json.stringify(obj)); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.send()' in that specification.
RTCIceCandidate.candidate - Web APIs
the candidate string specifies the network
connectivity information for the candidate.
... function handlenewicecandidate(candidatesdp) { var candidateobj = new rtcicecandidate(candidatesdp); mypeer
connection.addicecandidate(candidateobj).catch({ /* handle the error thrown by addicecandidate() */ }); } the handlenewicecandidate() function shown here passes the received candidate's sdp text into rtcicecandidate() to receive an rtcicecanddiate object in return, which represents the candidate.
... the new candidate is then passed into rtcpeer
connection.addicecandidate() to add the candidate to the list of candidates for webrtc to consider using for the
connection being established.
... this example could be simplified somewhat; you may more often see the code look something like this, taking advantage of more advanced ecmascript 2016 features: let handlenewicecandidate = candidatesdp => mypeer
connection.addicecandidate(new rtcicecandidate(candidatesdp)); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.candidate' in that specification.
RTCIceCandidate.usernameFragment - Web APIs
to do so, you can compare the value of usernamefragment to the current usernamefragment being used for the
connection after receiving the candidate from the signaling server and before caling addicecandidate() to add it to the set of possible candidates.
... when the web app receives a message from the signaling server that includes a candidate to be added to the rtcpeer
connection, you can (and generally should) simply call addicecandidate().
...the function below, ssnewcandidate(), is called when a message, signalmsg, arrives from the signaling server that contains an ice candidate to be added to the rtcpeer
connection.
...otherwise, after checking every receiver, it adds the new candidate to the
connection.
RTCIceCandidatePairStats.circuitBreakerTriggerCount - Web APIs
the rtcicecandidatepairstats property circuitbreakertriggercount indicates the number of times the circuit-breaker has been triggered to indicate a
connection timeout or other unexpected
connection abort on this specific
connection configuration.
... a circuit breaker trigger is fired each time the
connection times out or otherwise needs to be halted automatically.
... syntax cbtcount = rtcicecandidatepairstats.circuitbreakertriggercount; value an integer value indicating the number of times the circuit-breaker has been triggered for the 5-tuple used by this
connection.
... a 5-tuple defining a tcp
connection is made up of the following data: the source ip address.
RTCIceCandidatePairStats.retransmissionsReceived - Web APIs
the rtcicecandidatepairstats dictionary's retransmissionsreceived property indicates the total number of stun
connectivity check request retransmissions that have been received so far on the pair of candidates.
... the number of retransmissions that have been sent on the
connection can be found in retransmissionssent.
... syntax retransmissionsreceived = rtcicecandidatepairstats.retransmissionsreceived; value an integer value indicating the total number of retransmitted stun
connectivity check requests have been received on the
connection referenced by this candidate pair so far.
... note: retransmissions are
connectivity check requests with a transaction_transmit_counter attribute whose req field is greater than 1 (indicating that the request has been transmitted more than once).
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
the rtcicecandidatepairstats dictionary's retransmissionssent property indicates the total number of stun
connectivity check request retransmissions that have been sent so far on the pair of candidates.
... the number of retransmissions that have been received on the
connection can be found in retransmissionsreceived.
... syntax retransmissionssent = rtcicecandidatepairstats.retransmissionssent; value an integer value indicating the total number of retransmitted stun
connectivity check requests have been sent on the
connection referenced by this candidate pair so far.
... note: retransmissions are
connectivity check requests with a transaction_transmit_counter attribute whose req field is greater than 1 (indicating that the request has been transmitted more than once).
RTCIceTransport: selectedcandidatepairchange event - Web APIs
a selectedcandidatepairchange event is sent to an rtcicetransport when the ice agent selects a new pair of candidates that describe the endpoints of a viable
connection.
... the pair of candidates is in turn described by an rtcicecandidatepair object which contains one rtcicecandidate representing the local end of the
connection, and another representing the remote end of the
connection.
... together, the candidates can be used to establish a
connection to be used by the rtcicetransport, and, by extension, by an rtcpeer
connection.
... bubbles no cancelable no interface event event handler property onselectedcandidatepairchange examples this example creates an event handler for selectedcandidatepairchange that updates a display providing the user information about the progress of the ice negotiation for an rtcpeer
connection called pc.
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
networkteststart() this function simply calls the rtcpeer
connection method getstats() to request an rtcstatsreport and store it in the variable startreport.
... let startreport; async function networkteststart(pc) { if (pc) { startreport = await pc.getstats(); } } given an rtcpeer
connection, pc, this calls its getstats() method to obtain a statistics report object, which it stores in startreport for use once the end-of-test data has been collected by networkteststop().
...it takes as input the rtcpeer
connection being tested, calls getstats() to get a new rtcstatsreport with current statistics, then computes the results it's looking for, outputting those results as appropriate to the user by appending appropriate html to the contents of the <div> element whose class is stats-box.
... `data size: ${bytessent} bytes.</div>`; statsbox.innerhtml += logentry; } else { statsbox.innerhtml += `<div class="stats-error">unable to find initial statistics for id ${endremoteoutbound.id}.</div>` } } statsbox.scrollto(0, statsbox.scrollheight); } } } here's what's going on in the networkteststop() function: after calling the rtcpeer
connection method getstats() to get the latest statistics report for the
connection and storing it in endreport, this is an rtcstatsreport object, which maps strings taken from the rtcstatstype enumerated type to objects of the corresponding rtcstats-based type.
RTCRtpTransceiver.stop() - Web APIs
note: until recently, the stopped property was provided to return true if the
connection is stopped.
... return value undefined exceptions invalidstateerror the rtcpeer
connection of which the transceiver is a member is closed.
...the receiver then stops receiving media; the receiver's track is stopped, and the transceiver's direction is changed to stopped, and renegotiation is triggered by sending a negotiationneeded event to the rtcpeer
connection.
... note: stopping the transceiver causes a negotiationneeded event to be sent to the transceiver's rtcpeer
connection, so the
connection can adapt to the change.
RTCTrackEvent() - Web APIs
the rtctrackevent() constructor creates and returns a new rtctrackevent object, configured to describe the track which has been added to the rtcpeer
connection.
... in general, you won't need to use this constructor, as rtctrackevent objects are created by webrtc and delivered to your rtcpeer
connector's ontrack event handler as appropriate.
... syntax trackevent = new rtctrackevent(eventinfo); parameters eventinfo an object based on the rtctrackeventinit dictionary, providing information about the track which has been added to the rtcpeer
connection.
... return value a new rtctrackevent describing a track which has been added to the rtcpeer
connection.
WebSocket.close() - Web APIs
the websocket.close() method closes the websocket
connection or
connection attempt, if any.
... if the
connection is already closed, this method does nothing.
... syntax websocket.close(); parameters code optional a numeric value indicating the status code explaining why the
connection is being closed.
... reason optional a human-readable string explaining why the
connection is closing.
Using the Web Audio API - Web APIs
we have a play button that changes to a pause button when the track is playing: <button data-playing="false" role="switch" aria-checked="false"> <span>play/pause</span> </button> before we can play our track we need to
connect our audio graph from the audio source/input node to the destination.
...for the most part, you don't need to create an output node, you can just
connect your other nodes to baseaudiocontext.destination, which handles the situation for you: track.
connect(audiocontext.destination); a good way to visualise these nodes is by drawing an audio graph so you can visualize it.
...we'll use the factory method in our code: const gainnode = audiocontext.creategain(); now we have to update our audio graph from before, so the input is
connected to the gain, then the gain node is
connected to the destination: track.
connect(gainnode).
connect(audiocontext.destination); this will make our audio graph look like this: the default value for gain is 1; this keeps the current volume the same.
...input to vary this parameter: <input type="range" id="panner" min="-1" max="1" value="0" step="0.01"> we use the values from that input to adjust our panner values in the same way as we did before: const pannercontrol = document.queryselector('#panner'); pannercontrol.addeventlistener('input', function() { panner.pan.value = this.value; }, false); let's adjust our audio graph again, to
connect all the nodes together: track.
connect(gainnode).
connect(panner).
connect(audiocontext.destination); the only thing left to do is give the app a try: check out the final demo here on codepen.
Using Web Workers - Web APIs
the port
connection needs to be started either implicitly by use of the onmessage event handler or explicitly with the start() method before any messages can be posted.
... note: when using the start() method to open the port
connection, it needs to be called from both the parent thread and the worker thread if two-way communication is needed.
...there is a bit more complexity here as well (worker.js): on
connect = function(e) { var port = e.ports[0]; port.onmessage = function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); } } first, we use an on
connect handler to fire code when a
connection to the port happens (i.e.
...setting up this message handler in the worker thread also implicitly opens the port
connection back to the parent thread, so the call to port.start() is not actually needed, as noted above.
Strict-Transport-Security - HTTP
description if a website accepts a
connection through http and redirects to https, visitors may initially communicate with the non-encrypted version of the site before being redirected, if, for example, the visitor types http://www.foo.com/ or even just foo.com.
... note: the strict-transport-security header is ignored by the browser when your site is accessed using http; this is because an attacker may intercept http
connections and inject the header or remove it.
...should it be necessary to disable strict transport security, setting the max-age to 0 (over a https
connection) will immediately expire the strict-transport-security header, allowing access via http.
...by following the guidelines and successfully submitting your domain, browsers will never
connect to your domain using an insecure
connection.
Introduction to progressive web apps - Progressive web apps (PWAs)
network independent, so it works offline or with a poor network
connection.
... safe, so the
connections between the user, the app, and your server are secured against any third parties trying to get access to sensitive data.
... browse any kind of content the user has previously visited at least once, even under situations of poor
connectivity.
... control what is shown to the user in situations where there is no
connectivity.
Paths - SVG: Scalable Vector Graphics
if the cursor was already somewhere on the page, no line is drawn to
connect the two positions.
... for a given x-radius and y-radius, there are two ellipses that can
connect any two points (as long as they're within the radius of the circle).
... along either of those circles, there are two possible paths that can be taken to
connect the points—so in any situation, there are four possible arcs available.
...it's possible to approximate them by making the start and end points of the path slightly askew, and then
connecting them with another path segment.
dev/panel - Archive of obsolete content
clients
connect to the server and send it messages to examine and modify the state of the program being debugged.
...src="resource://sdk/dev/volcan.js"></script> </head> <body> <div id = "content"></div> </body> <script src="./my-panel.js"></script> </html> here's a script that uses volcan.js to get the selected tab and display its url: // my-panel.js var content = document.getelementbyid("content"); window.addeventlistener("message", function(event) { var debuggee = event.ports[0]; volcan.
connect(debuggee).
...
connecting volcan.js provides a global
connect() function that takes a messageport
connected to the debugger server, and returns a promise which is fulfilled with an object representing the root actor: volcan.
connect(debuggee).then(gotroot); function gotroot(root) { // can use root actor here } actors actors in the remote debugging protocol are volcan.js objects.
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
obal/skin/"?> <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="my dialog" buttons="accept,cancel" ondialogaccept="savevalues(); window.close();" ondialogcancel="window.close();"> <checkbox label="my option"/> </dialog> listing 8: a dialog figure 5: output from listing 8 note: the functions behind the dialog elements discussed here require "xp
connect privileges," which are discussed in chapter 4, so this example will only run correctly if it can run as firefox code itself or installed extension code.
... also, in order to actually read in a history for autocomplete, you will need xp
connect privileges, which we will cover in chapter 4.
...to use this requires xp
connect privileges, the same as autocomplete does; this will be covered in chapter 4.
Developing New Mozilla Features - Archive of obsolete content
work hard to have a developer involved in the core code who is
connected to what you are doing if you can’t make this happen, let mozilla.org staff know and we will try to facilitate this.
...in some cases the developers may be in error and staff will work to make this clear and get you
connected.
... get
connected with mozilla.org staff mitchell@mozilla.org is a good contact for project management discussions.
The life of an HTML HTTP request - Archive of obsolete content
the channel represents the
connection to the server, and is the source of the html data stream.
...this streamlistener is returned to the documentloader and
connected to the nsichannel of the request.
... (5) the document (nshtmldocument) also creates a nsicontentsink (nshtmlcontentsink) and
connects it to the parser and the document.
Archived Mozilla and build documentation - Archive of obsolete content
black
connect blackwood bonsai it is a tool that lets you perform queries on the contents of a cvs archive; you can: get a list of checkins, see what checkins have been made by a given person, or on a given cvs branch, or in a particular time period.
... java in firefox extensions if you are in need of calling java code from within a firefox extension, you can make use of live
connect.
... live
connect gives your extension's javascript code (linked from or contained in xul code) access to 2 objects: java and packages (note that per this thread, although the new documentation for the live
connect reimplementation states that these globals will be deprecated (in the context of applets), "firefox and the java plug-in will continue to support the global java/packages keywords, in particular in the context of firefox extensions.").
Extentsions FAQ - Archive of obsolete content
write an xpcom component in c++ - it will talk to the com component and will be accessible to js code via xp
connect.
... in our company i write this extension that
connects to our groupware server (http).
... what language does it require to write xpcom/xp
connect component that able to intercept,process and redirect http request?
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
listing 1 - querying a mysql database from rhino // import the java sql packages importpackage( java.sql ); // load the mysql driver java.lang.class.forname( "com.mysql.jdbc.driver" ); // create
connection to the database var conn = drivermanager.get
connection( "jdbc:mysql://localhost/rhino", "urhino", "prhino" ); // create a statement handle var stmt = conn.createstatement(); // get a resultset var rs = stmt.executequery( "select * from employee" ); // get the metadata from the resultset var meta = rs.getmetadata(); // loop over the records, dump out column names and values while( rs.next()...
...the appropriate database driver for mysql is loaded and the
connection string to a database named rhino on my local machine is configured using the user account urhino with the password of prhino.
... importpackage( java.net ); //
connect to the remote resource var u = new url( "http://www.mozilla.org/news.rdf" ); var c = u.open
connection(); c.
connect(); // read in the raw data var s = new java.io.inputstreamreader( c.getinputstream() ); var b = new java.io.bufferedreader( s ); var l, str = ""; while( ( l = b.readline() ) != null ) { // skip if( l != "" ) { str = str + l + "\n"; } } // define the namespaces, first the defaul...
Archive of obsolete content
newsgroup summaries obsolete: xpcom-based scripting for npapi plugins plugins that used to take advantage of being scriptable via live
connect in 4.x netscape browsers lost this possibility in the new world.
...the new mozilla xpcom architecture allows xpcom components be scriptable via a different mechanism called xp
connect.
...due to a limitation of the present implementation of nspr io on nt, programs must follow the following guideline: using ssh to
connect to cvs using web standards in your web pages using workers in extensions this article shows you how to use worker threads in extensions to perform tasks in the background without blocking the user interface.
Explaining basic 3D theory - Game development
also, by
connecting the points we're creating the edges of the cube.
...if we
connect the geometry with the material we will get a mesh.
... rasterization rasterization converts primitives (which are
connected vertices) to a set of fragments.
WebVR — Virtual Reality for the Web - Game development
the webvr api the webvr api is the central api for capturing information on vr devices
connected to a computer and headset position/orientation/velocity/acceleration information, and converting that into useful data you can use in your games and other applications.
... get the devices to get information about devices
connected to your computer, you can use the navigator.getvrdevices method: navigator.getvrdevices().then(function(devices) { for (var i = 0; i < devices.length; ++i) { if (devices[i] instanceof hmdvrdevice) { ghmd = devices[i]; break; } } if (ghmd) { for (var i = 0; i < devices.length; ++i) { if (devices[i] instanceof positionsensorvrdevice && devices[i].hardw...
...areunitid === ghmd.hardwareunitid) { gpositionsensor = devices[i]; break; } } } }); this code will loop through the available devices and assign proper sensors to the headsets — the first devices array contains the
connected devices, and a check is done to find the hmdvrdevice, and assign it to the ghmd variable — using this you can set up the scene, getting the eye parameters, setting the field of view, etc.
Unconventional controls - Game development
when everything is installed and the controller is
connected to your computer we can proceed with implementing support in our little demo.
... makey makey if you want to go completely bananas you can use makey makey, a board that can turn anything into a controller — it's all about
connecting real-world, conductive objects to a computer and using them as touch interfaces.
...
connecting the boards and using them may look like this: var cylon = require('cylon'); cylon.robot({
connections: { arduino: { adaptor: 'firmata', port: '/dev/ttyacm0' } }, devices: { makey: { driver: 'makey-button', pin: 2 } }, work: function(my) { my.makey.on('push', function() { console.log("button pushed!"); }); } }).start(); as the description says: this gpio driver allows you to
connect a 10 mohm resistor to a digital pin on your arduino or raspberry pi t...
Domain sharding - MDN Web Docs Glossary: Definitions of Web-related terms
browsers limit the number of active
connections for each domain.
... the problem with domain sharding, in terms of performance, is the cost of extra dns lookups for each domain and the overhead of establishing each tcp
connection.
...as browsers limit the number of active
connections per domain, serving all the required resources from a single domain could be slow as assets need to be downloaded sequentially.
ICE - MDN Web Docs Glossary: Definitions of Web-related terms
ice (interactive
connectivity establishment) is a framework used by webrtc (among other technologies) for
connecting two peers, regardless of network topology (usually for audio and video chat).
... this protocol lets two peers find and establish a
connection with one another even though they may both be using network address translator (nat) to share a global ip address with other devices on their respective local networks.
... the framework algorithm looks for the lowest-latency path for
connecting the two peers, trying these options in order: direct udp
connection (in this case—and only this case—a stun server is used to find the network-facing address of a peer) direct tcp
connection, via the http port direct tcp
connection, via the https port indirect
connection via a relay/turn server (if a direct
connection fails, e.g., if one peer is behind a firewall that blocks nat traversal) learn more general knowledge webrtc, the principal web-related protocol which uses ice webrtc protocols technical reference rfc 5245, the ietf specification for ice rtcicecandidate, the interface representing a ice candidate ...
TCP slow start - MDN Web Docs Glossary: Definitions of Web-related terms
tcp slow start is an algorithm used to detect the available bandwidth for packet transmission, and balances the speed of a network
connection.
...when a new
connection is made, cwnd is initialized to one tcp data or acknowledgment packet, and waits for an acknowledgement, or ack.
...the
connection has a limited capacity depending on hardware and network conditions.
How much does it cost to do something on the Web? - Learn web development
your isp can rent internet
connectivity to you for a few dollars per month, though your budget might vary, depending on your location.
... on the other hand, you'll need a high-bandwidth
connection, such as dsl, cable, or fiber access, if you want a more advanced website with hundreds of files, or if you want to deliver heavy video/audio files directly from your web server.
... must the website
connect to your company’s it structure to gather content (say, internal data)?
How do I start to design my website? - Learn web development
we have five goals
connected to music, one goal related to personal life (finding your significant other), and the completely unrelated cat photos.
... the other five goals are all
connected to music.
...in short, since these goals all revolve around the same topic, having everything in one place will help us meet our goals and help our followers
connect with us.
Tips for authoring fast-loading HTML pages - Learn web development
an optimized web page not only provides for a more responsive site for your visitors but also reduces the load on your web servers and internet
connection.
...it is just as important for broadband content and can lead to dramatic improvements even for your visitors with the fastest
connections.
... minimize the number of files reducing the number of files referenced in a web page lowers the number of http
connections required to download a page, thereby reducing the time for these requests to be sent, and for their responses to be received.
Graceful asynchronous programming with Promises - Learn web development
the code that the video chat application would use might look something like this: function handlecallbutton(evt) { setstatusmessage("calling..."); navigator.mediadevices.getusermedia({video: true, audio: true}) .then(chatstream => { selfviewelem.srcobject = chatstream; chatstream.gettracks().foreach(track => mypeer
connection.addtrack(track, chatstream)); setstatusmessage("
connected"); }).catch(err => { setstatusmessage("failed to
connect"); }); } this function starts by using a function called setstatusmessage() to update a status display with the message "calling...", indicating that a call is being attempted.
... it then calls getusermedia(), asking for a stream that has both video and audio tracks, then once that's been obtained, sets up a video element to show the stream coming from the camera as a "self view," then takes each of the stream's tracks and adds them to the webrtc rtcpeer
connection representing a
connection to another user.
... after that, the status display is updated to say "
connected".
Client-side storage - Learn web development
saving data and assets locally so a site will be quicker (and potentially less expensive) to download, or be usable without a network
connection.
...this api is designed for storing http responses to specific requests, and is very useful for doing things like storing website assets offline so the site can subsequently be used without a network
connection.
...this is already a great improvement to the user experience, but there is still one thing missing — the main html, css, and javascript files still need to be downloaded each time the site is accessed, meaning that it won't work when there is no network
connection.
Third-party APIs - Learn web development
to access them from javascript you first need to
connect to the api functionality and make it available on your page.
...the server you are
connecting to handles all the complicated stuff, like displaying the correct map tiles for the area being shown, etc.
...
connect the api to your app first, you'll need to make a
connection between the api and your app.
Aprender y obtener ayuda - Learn web development
you let your mind wander more widely, and seemingly make random
connections between different things.
...this is the opposite of focus — you let your brain wander around the wider landscape, searching around for
connections you didn't have before, touching on new things (or new combinations of things) that you can then focus on later, to strengthen them and start to really understand what they mean.
...but then after going on a walk to get some fresh air, you may well find that as your mind wanders, you suddenly make a
connection between tool a and tool b, and realize that you can use them together to fix problem c!
A bird's-eye view of the Mozilla framework
scripting languages such as javascript cannot directly access xpcom components, but access them indirectly using xp
connect.
... xp
connect also provides a required layer for xpcom components written in a scripting language.
... const rdf = components.classes["@mozilla.org/rdf/rdf-service;1"].getservice(components.interfaces.nsirdfservice); the components object is made available to javascript via xp
connect; it serves as a bridge
connecting javascript and xpcom.
Command line options
do not run profile_name while running an instance of the application, you can use the -no-remote option to avoid
connecting to a running instance.
...you can use the -no-remote option to avoid
connecting to a running instance.
...this will enable another instance of firefox to
connect the firefox developer tools to this firefox instance.
Displaying Places information using views
connecting a view to its data to hook up a built-in view to its data, use the view's special place attribute.
...to dis
connect a viewer from its result, call removeobserver(view) on your result.
...because the object implementing nsitreeview also implements nsinavhistoryresultobserver, the viewer then dis
connects itself from the result by calling removeobserver().) is this still right when using nsinavhistoryresultobserver?
Communicating with frame scripts
the listener will be passed a message object whose data property is the message payload: // frame script function handlemessagefromchrome(message) { var payload = message.data.details; // "some more details" } addmessagelistener("my-addon@me.org:message-from-chrome", handlemessagefromchrome); message-manager-dis
connect if you're using a message manager to communicate with a script that may be running in a different process, you can listen for the message-manager-dis
connect observer notification to know when the message manager has dis
connected from the other end of the conversation, so you can stop sending it messages or expecting to receive messages.
... // on some event var browsermm = gbrowser.selectedbrowser.messagemanager; browsermm.loadframescript("chrome://my-addon@me.org/content/frame-script.js", false); messagemanagers.push(browsermm); console.log(messagemanagers.length); we can listen for message-manager-dis
connect to update the array when the message managers dis
connect (for example because the user closed the tab): function myobserver() { } myobserver.prototype = { observe: function(subject, topic, data) { var index = messagemanagers.indexof(subject); if (index != -1) { console.log("one of our message managers dis
connected"); mms.splice(index, 1); } }, register: function() ...
...{ var observerservice = cc["@mozilla.org/observer-service;1"] .getservice(ci.nsiobserverservice); observerservice.addobserver(this, "message-manager-dis
connect", false); console.log("listening"); }, unregister: function() { var observerservice = cc["@mozilla.org/observer-service;1"] .getservice(ci.nsiobserverservice); observerservice.removeobserver(this, "message-manager-dis
connect"); } } var observer = new myobserver(); observer.register(); ...
PBackground
the top-level actor for most things is pcontent, which
connects the main thread of the chrome process to the main thread of a child process.
...instead we can go directly to the compositor thread in the parent process by creating a new top-level protocol that
connects the compositor thread in the parent process to the main thread of a child process.
...it
connects a designated "background" thread in the chrome process to any other thread in any other process.
IPDL Tutorial
amplechild* toplevelchild::allocpexample() { refptr<examplechild*> actor = new examplechild(); return actor.forget(); } virtual bool toplevelchild::deallocpexample(pexamplechild* actor) { ns_release(static_cast<examplechild*>(actor)); return true; } if an object that implements a protocol can't be constructed inside allocpfoo, has been previously constructed and doesn't require an ipdl
connection throughout its lifetime, or implements a refcounted protocol where the first form of constructor is not available, there is a second form of sendpfooconstructor which can be used: class examplechild { public: void dosomething() { amanagerchild->sendpexampleconstructor(this, ...); } }; internally, the first constructor form simply calls pexample(parent|child)* actor = allocp...
...any time a message implementation returns false, ipdl will immediately begin catastrophic error handling: the communication channels for the child process (tab or plugin) will be dis
connected, and the process will be terminated.
... when a manager protocol is destroyed, any subprotocols will be notified: no further messages will be accepted deallocpsubprotocol will be called on the manager protocol to deallocate any active subprotocols when the toplevel protocol is destroyed, this is equivalent to shutting down the entire ipdl machinery for that
connection, because no more messages can be sent and all subprotocols are destroyed.
Nonblocking IO In NSPR
the potentially-blocking io functions include <tt>pr_
connect()</tt>, <tt>pr_accept()</tt>, <tt>pr_acceptread()</tt>, <tt>pr_read()</tt>, <tt>pr_write()</tt>, <tt>pr_writev()</tt>, <tt>pr_recv()</tt>, <tt>pr_send()</tt>, <tt>pr_recvfrom()</tt>, <tt>pr_sendto()</tt>, and <tt>pr_transmitfile(),</tt> and do not include <tt>pr_bind()</tt> and <tt>pr_listen()</tt>.
... the tcp
connection on that socket has been closed (end of stream).
...if <tt>pr_poll()</tt> reports that the socket is readable (i.e., <tt>pr_poll_read</tt> is set in <tt>out_flags</tt>), and <tt>pr_available()</tt> returns 0, this means that the socket
connection is closed.
I/O Functions
list of functions: pr_openudpsocket pr_newudpsocket pr_opentcpsocket pr_newtcpsocket pr_importtcpsocket pr_
connect pr_
connectcontinue pr_accept pr_bind pr_listen pr_shutdown pr_recv pr_send pr_recvfrom pr_sendto pr_transmitfile pr_acceptread pr_getsockname pr_getpeername pr_getsocketoption pr_setsocketoption converting between host and network addresses pr_ntohs pr_ntohl pr_htons pr_htonl pr_familyinet memory-mapped i/o functions the memory-mapped i/o functions allow sections of a f...
... pr_createfilemap pr_memmap pr_memunmap pr_closefilemap anonymous pipe function pr_createpipe polling functions this section describes two of the most important polling functions provided by nspr: pr_poll pr_get
connectstatus pollable events a pollable event is a special kind of file descriptor.
...pollable events are implemented using a pipe or a pair of tcp sockets
connected via the loopback address, therefore setting and/or waiting for pollable events are expensive operating system calls.
NSS 3.12.6 release notes
new in nss 3.12.6 ssl3 & tls renegotiation indication extension (rfc 5746) by default, nss 3.12.6 uses the new tls renegotiation indication extension for tls renegotiation but allows simple ssl/tls
connections (without renegotiation) with peers that don't support the tls renegotiation indication extension.
...if true, a
connection will be dropped at initial handshake if the peer server or client does not support safe renegotiation.
...this allows packet sniffers to decrypt tls
connections.
Python binding for NSS
-10-29 scm tag pynss_release_0_16_0 source download https://ftp.mozilla.org/pub/mozilla.org/security/python-nss/releases/pynss_release_0_16_0/src/ change log the primary enhancements in this version is adding support for the setting trust attributes on a certificate, the ssl version range api, information on the ssl cipher suites and information on the ssl
connection.
... the following classes were added: sslciphersuiteinfo sslchannelinfo the following class methods were added: certificate.trust_flags certificate.set_trust_attributes sslsocket.set_ssl_version_range sslsocket.get_ssl_version_range sslsocket.get_ssl_channel_info sslsocket.get_negotiated_host sslsocket.
connection_info_format_lines sslsocket.
connection_info_format sslsocket.
connection_info_str sslciphersuiteinfo.format_lines sslciphersuiteinfo.format sslchannelinfo.format_lines sslchannelinfo.format the following class properties were added: certificate.ssl_trust_flags certificate.email_trust_flags certificate.signin...
...view all ref counting, numerous ref counting fixes implement cyclic garbage collection support by adding object traversal and clear methods identify static variables, move to thread local storage remove python-nss specific httplib.py, no longer needed python-nss now compatible with standard library rewrite httplib_example.py to use standard library and illustrate ssl, non-ssl,
connection class, http class usage the following classes were added: authkeyid basicconstraints crldistributionpoint crldistributionpts certificateextension generalname signedcrl dn rdn ava certificaterequest the following module functions were added: nss.nss.nss_is_initialized() nss.nss.cert_crl_reason_from_...
troubleshoot.html
if the build fails early on the gmakein coreconf try updating your cvs tree with -p: cd mozilla cvs update -p building a 32-bit version on a 64-bit may fail with: /usr/include/features.h:324:26: fatal error: bits/predefs.h: no such file or directory in this case remember to set use_64=1 testing nss the ssl stress test opens 2,048 tcp
connections in quick succession.
... kernel data structures may remain allocated for these
connections for up to two minutes.
... some systems may not be configured to allow this many simultaneous
connections by default; if the stress tests fail, try increasing the number of simultaneous sockets supported.
An Overview of XPCOM
this aspect of xpcom is called xp
connect.
... xp
connect is the layer of xpcom that provides access to xpcom components from languages such as javascript.
... see
connecting to components from the interface for more information about xp
connect.
Components object
the components object is the object through which xp
connect functionality is reflected into javascript.
... the components object is actually a native instance of the nsixpccomponents interface which is reflected into javascript as a top level object using xp
connect.
...the components object has the following members: classes array of classes by contractid classesbyid array of classes by cid constructor constructor for constructor of components exception constructor for xp
connect exceptions id constructor for xpcom nsids interfaces array of interfaces by interface name interfacesbyid array of interfaces by iid issuccesscode function to determine if a given result code is a success code lastresult result code of most recent xp
connect call manager the global xpcom component manager results array of known result codes by name returncode pending result for current call stack ...
xpcshell
xpcshell is an xp
connect-enabled javascript shell.
... pretty much all mozilla programs use xpcom components via xp
connect.
... read xp
connect:using components to get started with that.
mozIStorageProgressHandler
last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) inherits from: nsisupports method overview boolean onprogress(in mozistorage
connection a
connection); methods onprogress() the onprogress() method is called periodically while an sqlite operation is ongoing.
... boolean onprogress( in mozistorage
connection a
connection ); parameters <tt>a
connection</tt> a mozistorage
connection
connection indicating the
connection for which the callback was invoked.
... see also storage mozstorage introduction and how-to article mozistorage
connection database
connection to a specific file or in-memory data storage mozistoragestatement create and execute sql statements on a sqlite database.
nsIMsgProtocolInfo
methods getdefaultserverport() returns the default port for a
connection to a server of this account type.
... long getdefaultserverport( in boolean issecure ); parameters issecure whether or not the
connection will be secure.
... return value the default port number for
connections of this account type.
nsISSLSocketControl
netwerk/socket/nsisslsocketcontrol.idlscriptable this interface establishes tls and ssl
connections.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview void proxystartssl(); void starttls(); attributes attribute type description forcehandshake boolean obsolete since gecko 1.9 notificationcallbacks nsiinterfacerequestor methods proxystartssl() starts an ssl proxy
connection.
...starttls() establishes a starttls
connection.
nsIWebSocketListener
no additional messages through onmessageavailable(), onbinarymessageavailable()() or onacknowledge()() will be delievered to the listener after onserverclose() is called, but outgoing messages can still be sent through the nsiwebsocketchannel
connection.
... areason a text string explaining the reason for the closure of the
connection.
...this is the final notification the listener will receive; once it's been received, the websocket
connection is complete.
XPCOM Interface Reference
verimgiencoderimgiloaderimgirequestinidomutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesautocompletemoziregistrymozirepresentativecolorcallbackmozispellcheckingenginemozistorageaggregatefunctionmozistorageasyncstatementmozistoragebindingparamsmozistoragebindingparamsarraymozistoragecompletioncallbackmozistorage
connectionmozistorageerrormozistoragefunctionmozistoragependingstatementmozistorageprogresshandlermozistorageresultsetmozistoragerowmozistorageservicemozistoragestatementmozistoragestatementcallbackmozistoragestatementparamsmozistoragestatementrowmozistoragestatementwrappermozistoragevacuumparticipantmozistoragevaluearraymozitxttohtmlconvmozithirdpartyutilmozivisitinfomozivisitinfocallbackmozivisitstatus...
...eckedcomponentnsiseekablestreamnsiselectionnsiselection2nsiselection3nsiselectioncontrollernsiselectionimageservicensiselectionprivatensiserversocketnsiserversocketlistenernsiservicemanagernsisessionstartupnsisessionstorensisimpleenumeratornsismsdatabaseservicensismsrequestmanagernsismsservicensisocketprovidernsisocketproviderservicensisockettransportnsisockettransportservicensisoundnsispeculative
connectnsistackframensistandardurlnsistreamconverternsistreamlistenernsistringbundlensistringbundleoverridensistringbundleservicensistringenumeratornsistructuredclonecontainernsistylesheetservicensisupportsnsisupports proxiesnsisupportsarraynsisupportscstringnsisupportscharnsisupportsdoublensisupportsfloatnsisupportsidnsisupportsinterfacepointernsisupportsprboolnsisupportsprint16nsisupportsprint32nsisupp...
...dowcreatornsiwindowmediatornsiwindowwatchernsiwindowsregkeynsiwindowsshellservicensiworkernsiworkerfactorynsiworkerglobalscopensiworkermessageeventnsiworkermessageportnsiworkerscopensiwritablepropertybagnsiwritablepropertybag2nsixformsmodelelementnsixformsnsinstanceelementnsixformsnsmodelelementnsixmlhttprequestnsixmlhttprequesteventtargetnsixmlhttprequestuploadnsixpcexceptionnsixpcscriptablensixp
connectnsixsltexceptionnsixsltprocessornsixsltprocessorobsoletensixulappinfonsixulbrowserwindownsixulbuilderlistenernsixulruntimensixulsortservicensixultemplatebuildernsixultemplatequeryprocessornsixultemplateresultnsixulwindownsixmlrpcclientnsixmlrpcfaultnsizipentrynsizipreadernsizipreadercachensizipwriternsmsgfilterfileattribvaluensmsgfolderflagtypensmsgjunkstatusnsmsgkeynsmsglabelvaluensmsgpriorityval...
Performance
in order to keep the cache active between transactions, you needed to have a second
connection with a 'dummy' (and schema changing) transaction.
...sharding the cache between
connections by default, storage enables the sqlite shared-cache mode which makes multiple
connections to the same database share the same cache.
...unfortunately, this operation cannot be controlled on a per-transaction or per-
connection basis.
Xptcall Porting Guide
ns_imethod getinterfaceinfo(nsiinterfaceinfo** info) = 0; // call this method and return result ns_imethod callmethod(pruint16 methodindex, const nsxptmethodinfo* info, nsxptcminivariant* params) = 0; }; code that wishes to make use of this stubs functionality (such as xp
connect) implement a class which inherits from nsxptcstubbase and implements the getinterfaceinfo and callmethod to let the platform specific code know how to get interface information and how to dispatch methods once their parameters have been pulled out of the platform specific calling frame.
...this code is primarily used to
connect xpcom components with javascript; function call overhead is a tiny part of the time involved.
...a full 'test' at this point requires building the client and running the xp
connect test called testxpc in mozilla/js/src/xp
connect/tests.
XSLT 2.0
saxon-b the xsl results extension uses the new incarnation of live
connect (handled by java 1.6v12+ instead of mozilla-specific code) to
connect with the java-based saxon-b library, and adds support for having xslt performed automatically when visiting a page with the appropriate xslt processing instruction (and which isn't processed by firefox's own xslt 1.0 processor).
... saxon-b the extension demonstrates how one can use live
connect code to communicate with the saxon-b library, but one might find the javascript code module approach used inside the extension xquseme as a more reusable approach.
... the code does not currently work on the mac (except for server edition supporting java 1.6) due to its lagging java support (and thus live
connect support).
Deprecated tools - Firefox Developer Tools
webide and
connect page webide was deprecated as of firefox 69 disabled as of firefox 70 (bug 1539451).
... description webide allowed you to
connect the firefox developer tools to remote browsers, such as firefox for android.
...this gave a high-level view of its operation, and enabled you to ensure that all the nodes are
connected in the way you expect.
Remote Debugging - Firefox Developer Tools
the other browser might be on the same device as the tools themselves or on a different device, such as a phone
connected over usb.
... the detailed instructions for
connecting the developer tools are specific to the runtime.
... you can
connect the developer tools to gecko-based runtimes like firefox desktop, firefox for android, and thunderbird.
AudioNode.channelCountMode - Web APIs
the possible values of channelcountmode and their meanings are: value description the following audionode children default to this value max the number of channels is equal to the maximum number of channels of all
connections.
... gainnode, delaynode, scriptprocessornode, channelmergernode, biquadfilternode, waveshapernode clamped-max the number of channels is equal to the maximum number of channels of all
connections, clamped to the value of channelcount.
... example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.
connect(gainnode); gainnode.
connect(audioctx.destination); oscillator.channelcountmode = 'explicit'; specifications specification status comment web audio apithe definition of 'channelcountmode' in that specification.
AudioWorkletNode.port - Web APIs
syntax audioworkletnodeinstance.port; value the messageport object that is
connecting the audioworkletnode and its associated audioworkletprocessor.
...r (...args) { super(...args) this.port.onmessage = (e) => { console.log(e.data) this.port.postmessage('pong') } } process (inputs, outputs, parameters) { return true } } registerprocessor('ping-pong-processor', pingpongprocessor) now in our main scripts file we'll load the processor, create an instance of audioworkletnode passing the name of the processor, and
connect the node to an audio graph.
...t() await audiocontext.audioworklet.addmodule('ping-pong-processor.js') const pingpongnode = new audioworkletnode(audiocontext, 'ping-pong-processor') // send the message containing 'ping' string // to the audioworkletprocessor from the audioworkletnode every second setinterval(() => pingpongnode.port.postmessage('ping'), 1000) pingpongnode.port.onmessage = (e) => console.log(e.data) pingpongnode.
connect(audiocontext.destination) this will output "ping" and "pong" strings to the console every second.
AudioWorkletNode - Web APIs
the audioworkletnode interface of the web audio api represents a base class for a user-defined audionode, which can be
connected to an audio routing graph along with other nodes.
...s) { const output = outputs[0] output.foreach(channel => { for (let i = 0; i < channel.length; i++) { channel[i] = math.random() * 2 - 1 } }) return true } } registerprocessor('white-noise-processor', whitenoiseprocessor) next, in our main script file we'll load the processor, create an instance of audioworkletnode passing it the name of the processor, and
connect the node to an audio graph.
... const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.
connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'audioworkletnode' in that specification.
AudioWorkletProcessor.port - Web APIs
syntax audioworkletprocessorinstance.port; value the messageport object that is
connecting the audioworkletprocessor and the associated audioworkletnode.
...r (...args) { super(...args) this.port.onmessage = (e) => { console.log(e.data) this.port.postmessage('pong') } } process (inputs, outputs, parameters) { return true } } registerprocessor('ping-pong-processor', pingpongprocessor) now in our main scripts file we'll load the processor, create an instance of audioworkletnode passing the name of the processor, and
connect the node to an audio graph.
...t() await audiocontext.audioworklet.addmodule('ping-pong-processor.js') const pingpongnode = new audioworkletnode(audiocontext, 'ping-pong-processor') // send the message containing 'ping' string // to the audioworkletprocessor from the audioworkletnode every second setinterval(() => pingpongnode.port.postmessage('ping'), 1000) pingpongnode.port.onmessage = (e) => console.log(e.data) pingpongnode.
connect(audiocontext.destination) this will output "ping" and "pong" strings to the console every second.
AudioWorkletProcessor - Web APIs
connect the node to the other nodes.
... { const output = outputs[0] output.foreach(channel => { for (let i = 0; i < channel.length; i++) { channel[i] = math.random() * 2 - 1 } }) return true } } registerprocessor('white-noise-processor', whitenoiseprocessor) next, in our main script file we'll load the processor, create an instance of audioworkletnode, passing it the name of the processor, then
connect the node to an audio graph.
... const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.
connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'audioworkletprocessor' in that specification.
CloseEvent() - Web APIs
closeeventinit optional is a closeeventinit dictionary, having the following fields: "wasclean", optional and defaulting to false, of type long, indicates if the
connection has been closed cleanly or not.
... "code", optional and defaulting to 0, of type unsigned short, that is the
connection close code sent by the server.
... "reason", optional and defaulting to '', of type domstring, that is a human-readable reason why the server closed the
connection.
Event - Web APIs
event-handlers are usually
connected (or "attached") to various html elements (such as <button>, <div>, <span>, etc.) using eventtarget.addeventlistener(), and this generally replaces using the old html event handler attributes.
... further, when properly added, such handlers can also be dis
connected if needed using removeeventlistener().
...rorevent fetchevent focusevent gamepadevent hashchangeevent idbversionchangeevent inputevent keyboardevent mediastreamevent messageevent mouseevent mutationevent offlineaudiocompletionevent overconstrainederror pagetransitionevent paymentrequestupdateevent pointerevent popstateevent progressevent relatedevent rtcdatachannelevent rtcidentityerrorevent rtcidentityevent rtcpeer
connectioniceevent sensorevent storageevent svgevent svgzoomevent timeevent touchevent trackevent transitionevent uievent userproximityevent webglcontextevent wheelevent constructor event() creates an event object, returning it to the caller.
EventSource.close() - Web APIs
the close() method of the eventsource interface closes the
connection, if one is made, and sets the eventsource.readystate attribute to 2 (closed).
... note: if the
connection is already closed, the method does nothing.
... examples var button = document.queryselector('button'); var evtsource = new eventsource('sse.php'); button.onclick = function() { console.log('
connection closed'); evtsource.close(); } note: you can find a full example on github — see simple sse demo using php.
EventSource.readyState - Web APIs
the readystate read-only property of the eventsource interface returns a number representing the state of the
connection.
... syntax var myreadystate = eventsource.readystate; value a number representing the state of the
connection.
... possible values are: 0 —
connecting 1 — open 2 — closed examples var evtsource = new eventsource('sse.php'); console.log(evtsource.readystate); note: you can find a full example on github — see simple sse demo using php.
Gamepad.index - Web APIs
the gamepad.index property of the gamepad interface returns an integer that is auto-incremented to be unique for each device currently
connected to the system.
... this can be used to distinguish multiple controllers; a gamepad that is dis
connected and re
connected will retain the same index.
... syntax readonly attribute long index; example window.addeventlistener("gamepad
connected", function() { var gp = navigator.getgamepads()[0]; gamepadinfo.innerhtml = "gamepad
connected at index " + gp.index + ": " + gp.id + "."; }); value a number.
GamepadEvent.gamepad - Web APIs
the gamepadevent.gamepad property of the gamepadevent interface returns a gamepad object, providing access to the associated gamepad data for fired gamepad
connected and gamepaddis
connected events.
... syntax readonly attribute gamepad gamepad; example the gamepad property being called on a fired window.gamepad
connected event.
... window.addeventlistener("gamepad
connected", function(e) { console.log("gamepad
connected at index %d: %s.
IDBDatabase.close() - Web APIs
the close() method of the idbdatabase interface returns immediately and closes the
connection in a separate thread.
... the
connection is not actually closed until all transactions created using this
connection are complete.
... no new transactions can be created for this
connection once this method is called.
IDBDatabase.name - Web APIs
the name read-only property of the idbdatabase interface is a domstring that contains the name of the
connected database.
... syntax var dbname = idbdatabase.name; value a domstring containing the name of the
connected database.
... example this example shows a database
connection being opened, the resulting idbdatabase object being stored in a db variable, and the name property then being logged.
IDBDatabase.objectStoreNames - Web APIs
the objectstorenames read-only property of the idbdatabase interface is a domstringlist containing a list of the names of the object stores currently in the
connected database.
... syntax var list[] = idbdatabase.objectstorenames; value a domstringlist containing a list of the names of the object stores currently in the
connected database.
...this is used a lot below db = dbopenrequest.result; // this line will log the version of the
connected database, which should be // an object that looks like { ['my-store-name'] } console.log(db.objectstorenames); }; specifications specification status comment indexed database api 2.0the definition of 'objectstorenames' in that specification.
IDBDatabase.version - Web APIs
the version property of the idbdatabase interface is a 64-bit integer that contains the version of the
connected database.
... syntax var myinteger = idbdatabase.version; value an integer containing the version of the
connected database.
...this is used a lot below db = dbopenrequest.result; // this line will log the version of the
connected database, which should be "4" console.log(db.version); }; specifications specification status comment indexed database api 2.0the definition of 'version' in that specification.
IDBObjectStoreSync - Web APIs
createindex() creates and returns a new index with the given name in the
connected database.
... exceptions this method can raise an idbdatabaseexception with the following code: not_found_err if the index with the given name does not exist in the
connected database.
... exceptions this method can raise an idbdatabaseexception with the following code: not_found_err if an index with the given name does not exist in the
connected database.
IDBTransaction.db - Web APIs
the db read-only property of the idbtransaction interface returns the database
connection with which this transaction is associated.
...at the end, we return the associated database
connection using db.
...ewitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; // return the database (idbdatabase)
connection with which this transaction is associated transaction.db; }; specification specification status comment indexed database api 2.0the definition of 'db' in that specification.
IndexedDB API - Web APIs
you need to specify the database schema, open a
connection to your database, and then retrieve and update data within a series of transactions.
...
connecting to a database idbenvironment provides access to indexeddb functionality.
... idbdatabase represents a
connection to a database.
MessageEvent - Web APIs
t.postmessage([first.value,second.value]); console.log('message posted to worker'); } second.onchange = function() { myworker.port.postmessage([first.value,second.value]); console.log('message posted to worker'); } myworker.port.onmessage = function(e) { result1.textcontent = e.data; console.log('message received from worker'); } inside the worker we use the sharedworkerglobalscope.on
connect handler to
connect to the same port discussed above.
... the ports associated with that worker are accessible in the
connect event's ports property — we then use messageport start() method to start the port, and the onmessage handler to deal with messages sent from the main threads.
... on
connect = function(e) { var port = e.ports[0]; port.addeventlistener('message', function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); }); port.start(); // required when using addeventlistener.
MutationObserver.observe() - Web APIs
to stop the mutationobserver (so that none of its callbacks will be triggered any longer), call mutationobserver.dis
connect().
... observation follows nodes when dis
connected mutation observers are intended to let you be able to watch the desired set of nodes over time, even if the direct
connections between those nodes are severed.
...this prevents you from missing changes that occur after the
connection is severed and before you have a chance to specifically begin monitoring the moved node or subtree for changes.
Navigator.getGamepads() - Web APIs
the navigator.getgamepads() method returns an array of gamepad objects, one for each gamepad
connected to the device.
... elements in the array may be null if a gamepad dis
connects during a session, so that the remaining gamepads retain the same index.
... syntax var gamepads = navigator.getgamepads(); example window.addeventlistener("gamepad
connected", function(e) { var gp = navigator.getgamepads()[e.gamepad.index]; console.log( "gamepad
connected at index %d: %s.
Online and offline events - Web APIs
additionally, this property should update whenever a browser is no longer capable of
connecting to the network.
...firefox 41 updates this property when the os reports a change in network
connectivity on windows, linux, and os x.
... firefox 41 fires these events when the os reports a change in network
connectivity on windows, linux, and os x.
PerformanceResourceTiming.responseEnd - Web APIs
the responseend read-only property returns a timestamp immediately after the browser receives the last byte of the resource or immediately before the transport
connection is closed, whichever comes first.
... syntax resource.responseend; return value a domhighrestimestamp immediately after the browser receives the last byte of the resource or immediately before the transport
connection is closed, whichever comes first.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
RTCConfiguration.iceTransportPolicy - Web APIs
the webrtc device api dictionary rtcconfiguration's icetransportpolicy property is a string indicating the transport selection policy the ice agent should use during negotiation of
connections.
... examples in this example, a new
connection is configured to only accept relay candidates.
... let config = { iceservers: [ { urls: [ "stun:stun.example.com" ] }, ], icetransportpolicy: "relay" }; let pc = new rtcpeer
connection(config); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtccandidate.icetransportpolicy' in that specification.
RTCDTMFSender - Web APIs
the rtcdtmfsender interface provides a mechanism for transmitting dtmf codes on a webrtc rtcpeer
connection.
... you gain access to the
connection's rtcdtmfsender through the rtcrtpsender.dtmf property on the audio track you wish to send dtmf with.
... the primary purpose for webrtc's dtmf support is to allow webrtc-based communication clients to be
connected to a public-switched telephone network (pstn) or other legacy telephone service, including extant voice over ip (voip) services.
RTCDataChannel.negotiated - Web APIs
the read-only rtcdatachannel property negotiated indicates whether the rtcdatachannel's
connection was negotiated by the web app (true) or by the webrtc layer (false).
... syntax var negotiated = adatachannel.negotiated; value true if the rtcdatachannel's
connection was negotiated by the web app itself; false if the negotiation was handled by the webrtc layer.
... example the code snippet below checks the value of negotiated; if it's true, a function called shutdownremotechannel() is called with the channel's id; presumably this would be implemented to transmit a shutdown signal to the remote peer prior to terminating the
connection.
RTCDataChannelEvent - Web APIs
these events sent to an rtcpeer
connection when its remote peer is asking to open an rtcdatachannel between the two peers.
...just listen for the datachannel event to be received by the rtcpeer
connection and when you receive it, use the rtcdatachannelevent.channel property to gain access to the data channel which has been opened.
...the channel property provides the rtcdatachannel representing the
connection to the other peer.
RTCIceCandidate.tcpType - Web APIs
"active" the transport will try to open an outbound
connection but won't receive inoming
connection requests.
... "passive" the transport will receive incoming
connection requests but won't try to open an outbound
connection.
... "so" the transport will try to open a
connection simultaneously with its peer.
RTCIceCandidatePair - Web APIs
the rtcicecandidatepair dictionary describes a pair of ice candidates which together comprise a description of a viable
connection between two webrtc endpoints.
... properties local an rtcicecandidate describing the configuration of the local end of the
connection.
... remote the rtcicecandidate describing the configuration of the remote end of the
connection.
RTCIceCandidatePairStats.availableIncomingBitrate - Web APIs
the rtcicecandidatepairstats property availableincomingbitrate returns a value indicative of the available inbound capacity of the network
connection represented by the candidate pair.
... syntax availableincomingbitrate = rtcicecandidatepairstats.availableincomingbitrate; value a floating-point value which approximates the amount of available bandwidth for incoming data on the network
connection described by the rtcicecandidatepair.
... the value returned is calculated by adding up the available bit rate for every rtp stream using the
connection described by this candidate pair.
RTCIceCandidatePairStats.availableOutgoingBitrate - Web APIs
the rtcicecandidatepairstats property availableoutgoingbitrate returns a value indicative of the available outbound capacity of the network
connection represented by the candidate pair.
... syntax availableoutgoingbitrate = rtcicecandidatepairstats.availableoutgoingbitrate; value a floating-point value which approximates the amount of available bandwidth for outgoing data on the network
connection described by the rtcicecandidatepair.
... the value returned is calculated by adding up the available bit rate for every rtp stream using the
connection described by this candidate pair.
RTCIceCandidatePairStats.bytesReceived - Web APIs
the rtcicecandidatepairstats property bytesreceived indicates the total number of payload bytes—that is, bytes which aren't overhead such as headers or padding—that hve been received to date on the
connection described by the candidate pair.
... the bytessent property reports the number of bytes sent so far on the described
connection.
... syntax received = rtcicecandidatepairstats.bytesreceived; value an integer value indicating the total number of bytes received so far on the
connection described by this candidate pair.
RTCIceCandidatePairStats.bytesSent - Web APIs
the rtcicecandidatepairstats property bytessent indicates the total number of payload bytes—that is, bytes which aren't overhead such as headers or padding—that hve been sent so far on the
connection described by the candidate pair.
... the bytesreceived property reports the number of bytes received so far on the described
connection.
... syntax sent = rtcicecandidatepairstats.bytessent; value an integer value indicating the total number of bytes sent so far on the
connection described by this candidate pair.
RTCIceCandidatePairStats.currentRoundTripTime - Web APIs
the rtcicecandidatepairstats property currentroundtriptime is a floating-point value indicating the number of seconds it takes for data to be sent by this peer to the remote peer and back over the
connection described by this pair of ice candidates.
... syntax rtt = rtcicecandidatepairstats.currentroundtriptime; value a floating-point value indicating the round-trip time, in seconds for the
connection described by the pair of candidates for which this rtcicecandidatepairstats object offers statistics.
...this information may come from ongoing stun
connectivity checks as well as from consent requests made when the
connection was initially being opened.
RTCIceCandidatePairStats.nominated - Web APIs
the rtcicecandidatepairstats property nominated specifies whether or not the candidate pair described by the underlying rtcicecandidatepair has been nominated to be used as the configuration for the webrtc
connection.
... syntax nominated = rtcicecandidatepairstats.nominated; value a boolean value which is set to true by the ice layer if the controlling user agent has indicated that the candidate pair should be used to configure the webrtc
connection between the two peers.
... once a candidate pair has been nominated and the two peers have each reconfigured themselves to use the specified configuration, the ice negotiation process can potentially end (or it can continue, to allow the
connection to adapt to changing conditions).
RTCIceCandidatePairStats.packetsReceived - Web APIs
the rtcicecandidatepairstats dictionary's packetsreceived property indicates the total number of packets of any kind that have been received on the
connection described by the pair of candidates.
... the number of packets sent to date on the
connection can be obtained using packetssent.
... syntax packetsreceived = rtcicecandidatepairstats.packetsreceived; value an integer value indicating the total number of packets, of any kind, which have been received on the
connection described by the two candidates comprising this pair.
RTCIceCandidatePairStats.packetsSent - Web APIs
the rtcicecandidatepairstats dictionary's packetssent property indicates the total number of packets which have been sent on the
connection described by the pair of candidates.
... the number of packets received to date on the
connection can be obtained using packetsreceived.
... syntax packetssent = rtcicecandidatepairstats.packetssent; value an integer value indicating the total number of packets, of any kind, which have been sent on the
connection described by the two candidates comprising this pair.
RTCIceCandidatePairStats.readable - Web APIs
the obsolete rtcicecandidatepairstats property readable reports whether or not the
connection described by the candidate pair has received at least one valid incoming ice request.
... syntax isreadable = rtcicecandidatepairstats.readable; value a boolean value which is true if the
connection described by this candidate pair has received at least one valid ice request, and is therefore ready to be read from.
... note: this property was removed from the specification in early 2017 because you can determine whether or not the
connection is readable by checking to see if requestsreceived is greater than 0: if (icpstats.requestsreceived > 0) { /* at least one ice request has been received */ } ...
RTCIceCandidatePairStats.requestsReceived - Web APIs
the rtcicecandidatepairstats dictionary's requestsreceived property indicates the total number of stun
connectivity check requests that have been received so far on the
connection described by this pairing of candidates.
... syntax requestsreceived = rtcicecandidatepairstats.requestsreceived; value an integer value which specifies the number of stun
connectivity and/or consent requests that have been received to date on the
connection described by this pair of ice candidates.
... because there's no way to tell the difference between requests made to check
connectivity and requests made to check consent, the returned figure includes both.
RTCIceCandidatePairStats.responsesSent - Web APIs
the rtcicecandidatepairstats dictionary's responsessent property indicates the total number of stun
connectivity check responses that have been sent so far on the
connection described by this pair of candidates.
... syntax responsessent = rtcicecandidatepairstats.responsessent; value an integer value indicating the number of times a repsonse has been sent to a stun
connectivity check request.
... note: since it isn't possible to tell the difference between
connectivity check requests and consent requests, this value includes both.
RTCIceServer.credential - Web APIs
the rtciceserver dictionary's credential property is a string providing the credential to use when
connecting to the described server.
... }; var credential = iceserver.credential; iceserver.credential = newcredential; example this example creates a new rtcpeer
connection which uses a turn server at turnserver.example.org to negotiate
connections.
... mypeer
connection = new rtcpeer
connection({ iceservers: [ { urls: "turn:turnserver.example.org", // a turn server username: "webrtc", credential: "turnpassword" } ] }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.credential' in that specification.
RTCIceServer.url - Web APIs
the obsolete rtciceserver dictionary's url property specifies the url of a single ice server to be used while negotiating
connections.
... example this example creates a new rtcpeer
connection which will use a stun server at stunserver.example.org to negotiate
connections.
... mypeer
connection = new rtcpeer
connection({ iceservers: [ { url: "stun:stunserver.example.org" } ] }); unfortunately, the only way to tell ice that the server has a backup domain name of stunserver2.example.org is to add a new entry to the iceservers array for it.
RTCIceTcpCandidateType - Web APIs
values "active" the transport will try to open an outbound
connection but won't receive inoming
connection requests.
... "passive" the transport will receive incoming
connection requests but won't try to open an outbound
connection.
... "so" the transport will try to open a
connection simultaneously with its peer.
RTCIceTransport.getSelectedCandidatePair() - Web APIs
local describes the configuration of the local end of the
connection, while remote describes the remote peer's configuration.
... usage notes as the ice agent performs negotiation of a rtcpeer
connection, it gathers and analyzes candidate configurations from each the two peers.
... as soon as it finds an acceptable matching pair of candidates, meeting the requirements for the
connection, a selectedcandidatepairchange event is fired at the rtcicetransport.
RTCIdentityErrorEvent - Web APIs
this is usually for an rtcpeer
connection.
... firefox implements this interface under the following name: rtcpeer
connectionidentityerrorevent.
... it is likely that it will correct this name when it will unprefix rtcpeer
connection, once spec and implementation will have been stabilized.
RTCIdentityEvent - Web APIs
this is usually for an rtcpeer
connection.
... firefox implements this interface under the following name: rtcpeer
connectionidentityevent.
... it is likely that it will correct this name when it will unprefix rtcpeer
connection, once spec and implementation will have been stabilized.
RTCRtpSender.dtmf - Web APIs
the read-only dtmf property on the rtcrtpsender interface returns a rtcdtmfsender object which can be used to send dtmf tones over the rtcpeer
connection .
... syntax var dtmfsender = rtcrtpsender.dtmf; value an rtcdtmfsender which can be used to send dtmf over the rtp session, or null if the track being carried by the rtp session or the rtcpeer
connection as a whole doesn't support dtmf.
... only audio tracks can support dtmf, and typically only one audio track per rtcpeer
connection will have an associated rtcdtmfsender example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.dtmf' in that specification.
RTCRtpTransceiver.setCodecPreferences() - Web APIs
the specified set of codecs and configurations will be used for all future
connections including this transceiver until this method is called again.
... when preparing to open an rtcpeer
connection, you can change the codec parameters from the user agent's default configuration by calling setcodecparameters() before calling either rtcpeer
connection.createoffer() or createanswer().
... note: any codecs not included in codecs will not be considered during the process of negotiating a
connection.
RTCSctpTransport.state - Web APIs
its value is one of the following:
connecting the initial state when the
connection is being estabilished.
...
connected the
connection is open for data transmission.
... closed the
connection is closed and can no longer be used.
RTCSctpTransport - Web APIs
this provides information about limitations of the transport, but also provides a way to access the underlying datagram transport layer security (dtls) transport over which sctp packets for all of an rtcpeer
connection's data channels are sent and received.
... you don't create rtcsctptransport objects yourself; instead, you get access to the rtcsctptransport for a given rtcpeer
connection through its sctp property.
... possibly the most useful property on this interface is its maxmessagesize property, which you can use to determine the upper limit on the size of messages you can send over a data channel on the peer
connection.
RTCSessionDescription - Web APIs
the rtcsessiondescription interface describes one end of a
connection—or potential
connection—and how it's configured.
... the process of negotiating a
connection between two peers involves exchanging rtcsessiondescription objects back and forth, with each description suggesting one combination of
connection configuration options that the sender of the description supports.
... once the two peers agree upon a configuration for the
connection, negotiation is complete.
Resource Timing API - Web APIs
the next stages are
connectstart and
connectend which are the timestamps immediately before and after
connecting to the server, respectively.
...if the resource is loaded via a secure
connection a secure
connectionstart timestamp will be available between the
connection start and end events.
... the properties which are returned as 0 by default when loading a resource from a domain other than the one of the web page itself: redirectstart, redirectend, domainlookupstart, domainlookupend,
connectstart,
connectend, secure
connectionstart, requeststart, and responsestart.
Using the Screen Capture API - Web APIs
async function startcapture() { logelem.innerhtml = ""; try { videoelem.srcobject = await navigator.mediadevices.getdisplaymedia(displaymediaoptions); dumpoptionsinfo(); } catch(err) { console.error("error: " + err); } } after clearing the contents of the log in order to get rid of any leftover text from the previous attempt to
connect, startcapture() calls getdisplaymedia(), passing into it the constraints object defined by displaymediaoptions.
... the stream is
connected to the <video> element by storing the returned mediastream into the element's srcobject.
...once that's done, srcobject is set to null to make sure it's understood by anyone interested that there's no stream
connected.
SharedWorker - Web APIs
t.postmessage([first.value,second.value]); console.log('message posted to worker'); } second.onchange = function() { myworker.port.postmessage([first.value,second.value]); console.log('message posted to worker'); } myworker.port.onmessage = function(e) { result1.textcontent = e.data; console.log('message received from worker'); } inside the worker we use the sharedworkerglobalscope.on
connect handler to
connect to the same port discussed above.
... the ports associated with that worker are accessible in the
connect event's ports property — we then use messageport start() method to start the port, and the onmessage handler to deal with messages sent from the main threads.
... on
connect = function(e) { var port = e.ports[0]; port.addeventlistener('message', function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); }); port.start(); // required when using addeventlistener.
SharedWorkerGlobalScope - Web APIs
sharedworkerglobalscope.on
connect is an eventhandler representing the code to be called when the
connect event is raised — that is, when a messageport
connection is opened between the associated sharedworker and the main thread.
...
connect fired on shared workers when a new client
connects.
... also available via the on
connect property.
USB - Web APIs
the usb interface of the webusb api provides attributes and methods for finding and
connecting usb devices from a web page.
... event handlers usb.on
connect an event handler called whenever a previously paired device is
connected.
... usb.ondis
connect an event handler called whenever a paired device is dis
connected.
WebSocket: close event - Web APIs
the close event is fired when a
connection with a websocket is closed.
... bubbles no cancelable no interface closeevent event handler property onclose examples you might want to know when the
connection has been closed so that you can update the ui or, perhaps, save data about the closed
connection.
... examplesocket.addeventlistener('close', (event) => { console.log('the
connection has been closed successfully.'); )}; you can perform the same actions using the event handler property, like this: examplesocket.onclose = function (event) { console.log('the
connection has been closed successfully.'); }; specifications specification status html living standardthe definition of 'websocket close' in that specification.
WebSocket: open event - Web APIs
the open event is fired when a
connection with a websocket is opened.
... bubbles no cancelable no interface event event handler property onopen examples // create websocket
connection.
... const socket = new websocket('ws://localhost:8080'); //
connection opened socket.addeventlistener('open', (event) => { socket.send('hello server!'); }); specifications specification status html living standardthe definition of 'websocket open' in that specification.
WebSocket.send() - Web APIs
the websocket.send() method enqueues the specified data to be transmitted to the server over the websocket
connection, increasing the value of bufferedamount by the number of bytes needed to contain the data.
... exceptions thrown invalid_state_err the
connection is not currently open.
... note: gecko's implementation of the send() method differs somewhat from the specification in gecko 6.0; gecko returns a boolean indicating whether or not the
connection is still open (and, by extension, that the data was successfully queued or transmitted); this is corrected in gecko 8.0.
Background audio processing using AudioWorklet - Web APIs
connect the created audioworkletnodes into your audio processing pipeline as you would any other node, then use your audio pipeline as usual.
... creating an audio processor worklet node to create an audio node that pumps blocks of audio data through an audioworkletprocessor, you need to follow these simple steps: load and install the audio processor module create an audioworkletnode, specifying the audio processor module to use by its name
connect inputs to the audioworkletnode and its outputs to appropriate destinations (either other nodes or to the audiocontext object's destination property.
...once you have that in hand, you
connect it to other nodes and otherwise use it just like any other node.
XRSession.inputSources - Web APIs
syntax inputsources = xrsession.inputsources; value an xrinputsourcearray object listing all of the currently-
connected input controllers which are linked specifically to the xr device currently in use.
... the returned object is live; as devices are
connected to and removed from the user's system, the list's contents update to reflect the changes.
... usage notes you can add a handler for the xrsession event inputsourceschange to be advised when the contents of the session's
connected devices list changes.
Link types - HTML: Hypertext Markup Language
<link> <a>, <area>, <form> pre
connect provides a hint to the browser suggesting that it open a
connection to the linked web site in advance, without disclosing any private information or downloading any content, so that when the link is followed the linked content can be fetched more quickly.
... resource hintsthe definition of 'pre
connect' in that specification.
... working draft added dns-prefetch, pre
connect, and prerender values.
Using the application cache - HTML: Hypertext Markup Language
network: files listed under the network: section header in the cache manifest file are white-listed resources that require a
connection to the server.
...fallback.html this example uses network and fallback sections to specify that the network.html page must always be retrieved from the network, and that the fallback.html page should be served as a fallback resource (e.g., in case a
connection to the server cannot be established).
...in the fallback section each line is a valid uri or iri reference to a resource, followed by a fallback resource that is to be served up when a
connection with the server cannot be made.
Basics of HTTP - HTTP
resource urls resource urls, those prefixed with the resource scheme are used by firefox and firefox browser extensions to load resources internally, but is also available to some sites the browser
connects to as well.
...
connection management in http/1.x http/1.1 was the first version of http to support persistent
connection and pipelining.
...
connection management in http/2 http/2 completely revisited how
connections are created and maintained.
HTTP Public Key Pinning (HPKP) - HTTP
if an attacker is able to compromise a single ca, they can perform mitm attacks on various tls
connections.
... openssl s_client -servername www.example.com -
connect www.example.com:443 | openssl x509 -pubkey -noout | openssl pkey -pubin -outform der | openssl dgst -sha256 -binary | openssl enc -base64 example hpkp header public-key-pins: pin-sha256="cupctazwkaasuywhhnedttwpy3obake3h2+sozs7sws="; pin-sha256="m8hztczm3eluxkcjr2s5p4hhybnf6lhkmjahkhpgpwe="; max-age=5184000; includesubdomains; report-uri="https://www.example.org/hpkp-report" in this ex...
...this header only sends reports to the report-uri specified in the header and does still allow browsers to
connect to the webserver even if the pinning is violated.
Web video codec guide - Web media technologies
however, mp4v-es is also used to transmit mpeg-4 audio and video over a mobile
connection using 3gp.
... [2] safari only supports vp8 in webrtc
connections.
...that's still a huge number of bits to pump through a
connection every second, and is not currently practical for any real-world use.
method - SVG: Scalable Vector Graphics
as a result, for fonts with
connected characters (e.g.
... cursive fonts), the
connections may not align properly when text is rendered along the path.
...with this approach,
connected characters, such as in cursive fonts, will maintain their
connections.
Basic shapes - SVG: Scalable Vector Graphics
polyline a <polyline> is a group of
connected straight lines.
... polygon a <polygon> is similar to a <polyline>, in that it is composed of straight line segments
connecting a list of points.
... for polygons though, the path automatically
connects the last point with the first, creating a closed shape.
Web Components
life cycle callbacks special callback functions defined inside the custom element's class definition, which affect its behavior:
connectedcallback: invoked when the custom element is first
connected to the document's dom.
... dis
connectedcallback: invoked when the custom element is dis
connected from the document's dom.
... the node.is
connected property returns a boolean indicating whether or not the node is
connected (directly or indirectly) to the context object, e.g.
Security best practices in extensions - Archive of obsolete content
sandboxed http
connections the main purpose of sandboxed http
connections is to interact with a web service, without interfering with the cookies set in the browser by that service/site.
... for example, if you are loading pictures or other data from a photo sharing site, you can sandbox your
connections to that site so that the normal browsing of that site by the user in the main firefox browser is not affected.
Promises - Archive of obsolete content
representative example usage components.utils.import("resource://gre/modules/sqlite.jsm"); task.spawn(function* () { // open the
connection.
... let db = yield sqlite.open
connection({ path: database_path }); try { // start a transaction to insert the data.
List of Mozilla-Based Applications - Archive of obsolete content
aol instant messenger im client uses nss apache web server doesn't use nss by default, but can be configured to use nss with mod_nss ssl module apicawatch site performance monitoring tool uses firefox as part of its monitoring package astyle css editor editing tool atmail webmail client aviva for java mainframe
connectivity product uses mozilla rhino babelgum internet tv service basilisk pre-servo xul-based web browser uses most of the firefox 55 source code batik java-based toolkit uses mozilla rhino bitbox security focused browser seemingly based on firefox blackbird browser for african american community bluegriffon w...
... management tool automatic uploader is a xulrunner application that runs headless in xvfb wikipediaondvd and wikimedia by moulin offline versions of wikipedia blog post about projects wine implementation of the windows api uses mozilla spidermonkey and the gecko activex control worksmart.net suite of web-based workplace apps uses prism wxweb
connect web browser control library wyzo browser xb browser anonymous web browser xbusiness create and send branded invoices, quotes or estimates xdf billing and quotes software xiphos bible study software xmldbeditor database editor xpud linux desktop xpud: linux with an xul interface, 1...
Monitoring downloads - Archive of obsolete content
note: the mozistorage
connection method close() is being added to firefox 3 alpha 8; in prior versions of firefox, there is no way to explicitly close the database.
... instead, it is closed when the garbage collector disposes of the
connection object.
Proxy UI - Archive of obsolete content
products firefox menu: preferences > advanced tab > networking tab >
connection button.
... thunderbird menu: preferences > advanced tab > networking tab >
connection button.
Tamarin build documentation - Archive of obsolete content
running tamarin tests see running tamarin acceptance tests and running tamarin performance tests building tamarin windows mobile utilities the tamarin windows mobile utilities allows the existing acceptance and performance testsuites to be run on a windows mobile device
connected to a windows desktop machine by activesync or windows mobile device center (for windows vista and windows 7).
... you should be
connected and able to see the devices file system in windows explorer in tamarin repository go to the utils/wmremote directory, open the ceremoteshell2008.sln file in visual studio 2008 build all targets in release mode (for more information see utils/wmremote/readme.txt) copy release/avmremote.dll to the device in the \windows directory export avm=release/ceremoteshell.exe, the ceremoteshell.exe behaves as a proxy copying and running abc files on the windows mobile device build a windows mobile tamarin shell, copy the shell to the windows mobile device in \program files\shell\avmshell.exe (optional) can sanity check the windows mobile shell is functioning by running $avm hello.abc (where hello.abc is a simple ...
A XUL Bestiary - Archive of obsolete content
the mozilla xparchitecture section below describes xpcom, xpidl, and xp
connect, three somewhat related technologies for getting access to application code from the interface.
...finally, xp
connect is the technology that
connects these xpcom/xpidl interfaces to javascript, the scripting language xul uses.
XPCOM Interfaces - Archive of obsolete content
for example, if we wanted to create a mail application, we would need to write scripts which would
connect to mail servers to retrieve and send mail.
... the process of calling xpcom from a script is called xp
connect, which is a layer which translates script objects into native objects.
preference - Archive of obsolete content
you can
connect a user interface element such as a checkbox to a preference element using the user interface element's preference attribute.
...usually a checkbox would be
connected to these preferences.
Introduction to Public-Key Cryptography - Archive of obsolete content
the client sends the name and password across the network, either in the clear or over an encrypted ssl
connection.
...the source can be either the verifier's local certificate database (on that client or server) or the certificate chain provided by the subject (for example, over an ssl
connection).
RDF in Mozilla FAQ - Archive of obsolete content
since a built-in datasource is just an xpcom component, you can instantiate it directly using the xp
connect component manager.
...(shut down mozilla first since it overwrites your preferences file when you quit.) user_pref("signed.applets.codebase_principal_support", true); mozilla will ask you if you want to grant the scripts in duplicates.xul permission to access xp
connect; respond in the affirmative.
Introduction to game development for the Web - Game development
also useful to help make your game playable even when the user isn't
connected to the web (such as when they're stuck on an airplane for hours on end).
... websockets the websocket api lets you
connect your app or site to a server to transmit data back and forth in real-time.
WebRTC data channels - Game development
a webrtc data channel lets you send text or binary data over an active
connection to a peer.
...this library provides a simple api for creating peer
connections and setting up streams and data channels.
IRC - MDN Web Docs Glossary: Definitions of Web-related terms
irc (internet relay chat) is a worldwide chat system requiring an internet
connection and an irc client, which sends and receives messages via the irc server.
...the irc server broadcasts messages to everyone
connected to one of many irc channels (each with their own id).
MitM - MDN Web Docs Glossary: Definitions of Web-related terms
you could be
connecting to a phishing server or an imposter server.
... learn more owasp article: man-in-the-middle attack wikipedia: man-in-the-middle attack the public-key-pins header (hpkp) can significantly decrease the risk of mitm by instructing browsers to require a whitelisted certificate for all subsequent
connections to that website.
Server - MDN Web Docs Glossary: Definitions of Web-related terms
a client program and server program traditionally
connect by passing messages encoded using a protocol over an api.
... for example: an internet-
connected web server is sending a html file to your browser software so that you can read this page local area network server for file, name, mail, print, and fax minicomputers, mainframes, and super computers at data centers learn more general knowledge introduction to servers server (computing) on wikipedia ...
Session Hijacking - MDN Web Docs Glossary: Definitions of Web-related terms
break the victim machine's
connection.
... protection against session hijacking create a secure communication channel with ssh (secure shell) pass authentication cookies over https
connection implement logout functionality so the user can end the session generate the session id after successful login pass encrypted data between the users and the web server use a string or long random number as a session key learn more general knowledge session hijacking on wikipedia ...
World Wide Web - MDN Web Docs Glossary: Definitions of Web-related terms
the world wide web—commonly referred to as www, w3, or the web—is an inter
connected system of public webpages accessible through the internet.
... linking, or
connecting resources through hyperlinks, is a defining concept of the web, aiding its identity as a collection of
connected documents.
About Scriptable Interfaces - Interfaces
xp
connect xp
connect is a technology that allows scriptable interfaces to be used/implemented from/in javascript scripts.
... no other scripts languages are supported by xp
connect.
What is accessibility? - Learn web development
we traditionally think of this as being about people with disabilities, but the practice of making sites accessible also benefits other groups such as those using mobile devices, or those with slow network
connections.
...this benefits everyone, especially those on mobile devices and/or slow
connections.
What is a Domain Name? - Learn web development
any internet-
connected computer can be reached through a public ip address, either an ipv4 address (e.g.
... companies called registrars use domain name registries to keep track of technical and administrative information
connecting you to your domain name.
What is a web server? - Learn web development
(for example, html documents, images, css stylesheets, and javascript files) a web server
connects to the internet and supports physical data interchange with other devices
connected to the web.
...(up and running) excusing downtime and systems troubles, a dedicated web server is always
connected to the internet.
What software do I need to build a website? - Learn web development
once you settle on which provider to use, the provider will email you the access information, usually in the form of an sftp url, username, password, and other information needed to
connect to their server.
...you should make sure your hosting provider allows use of a secure
connection, e.g.
Basic native form controls - Learn web development
the best way to protect users from this is to host any pages involving forms over a secure
connection (i.e.
... browsers recognize the security implications of sending form data over an insecure
connection, and have warnings to deter users from using insecure forms.
Introduction to web APIs - Learn web development
.creategain() method, which can be used to adjust the volume of audio fed through it, and create another event handler that changes the value of the audio graph's gain (volume) whenever the slider value is changed: const gainnode = audioctx.creategain(); volumeslider.addeventlistener('input', function() { gainnode.gain.value = this.value; }); the final thing to do to get this to work is to
connect the different nodes in the audio graph up, which is done using the audionode.
connect() method available on every node type: audiosource.
connect(gainnode).
connect(audioctx.destination); the audio starts in the source, which is then
connected to the gain node so the audio's volume can be adjusted.
... the gain node is then
connected to the destination node so the sound can be played on your computer (the audiocontext.destination property represents whatever is the default audiodestinationnode available on your computer's hardware, e.g.
What is web performance? - Learn web development
when you request a url and hit enter / return, the browser finds out where the server is that holds that website's files, establishes a
connection to it, and requests the files.
...there is overhead involved in establishing tcp and http
connections, and some unavoidable latency in pushing the request and response bytes back and forth across the network, but there are certain ways to reduce latency (e.g.
Debugging on Windows
you can use helper functions from nsxp
connect.cpp to inspect and modify the state of javascript code from the msvs debugger.
... debugging tinderbox builds see running windows debug builds problems loading debug symbols if both your application and visual c++ hang shortly after launching the application under the debugger, you may be hitting a known deadlock in the way visual studio downloads debug symbols for the system libraries; see https://
connect.microsoft.com/visualstudio/feedback/details/422970/hang-loading-rasapi32-pdb-when-using-symbol-server.
Old Thunderbird build
good internet
connection for the initial source download.
...first, cd into the comm-central subdirectory (created automatically by the previous command): cd comm-central then run: python client.py checkout on some types of network
connections, "hg clone" might fail because it gets interrupted.
Simple Instantbird build
good internet
connection for the initial source download.
...first, cd into the comm-central subdirectory (created automatically by the previous command): cd comm-central then run: python client.py checkout note: unless you have a very good network
connection, "hg clone" might fail because it gets interrupted.
JavaScript Tips
var uniquename = { _privatemember: 3, publicmember: "a string", init: function() { this.dosomething(this.anothermember); }, dosomething: function(aparam) { alert(aparam); } }; xp
connect don't use object methods and properties more than you have to.
...xp
connect knows all about tearoffs and modifies the object that you queryinterface or instanceof to cache all its known interfaces.
Bootstrapping a new locale
--> after the localization notes, you will see a list of <!entity> strings like the following: <!entity certerror.pagetitle "untrusted
connection"> you should go through each entity, translating the value in the parameters (e.g.
... untrusted
connection in the example above), like so (example for polish): <!entity certerror.pagetitle "niezaufane połączenie"> once you have translated all the <!entity> strings in this file, you should save your work and open the next .dtd or .property file.
Localizing without a specialized tool
--> after the localization notes, you will see a list of <!entity> strings like the following: <!entity certerror.pagetitle "untrusted
connection"> you should go through each entity, translating the value in the parameters (e.g.
... untrusted
connection in the example above), like so (example for polish): <!entity certerror.pagetitle "niezaufane połączenie"> once you have translated all the <!entity> strings in this file, you should save your work and open the next .dtd or .properties file.
TraceMalloc
the roots are either listed as single objects or as strongly
connected components (minimal sets of nodes in the graph in which any node is reachable from all other nodes).
... (a strongly
connected component with only one node is listed as a single object.) any single object listed as a root is really a leak root, and any component listed as a root either (a) contains an object that is a root or (b) contains objects that form an ownership cycle that is a root.
about:memory
.84%) ++ js-non-window ├───33.73 mb (17.58%) ── heap-unclassified ├───22.51 mb (11.73%) ++ heap-overhead ├────6.62 mb (03.45%) ++ images ├────5.82 mb (03.03%) ++ workers/workers(chrome) ├────5.36 mb (02.80%) ++ (16 tiny) ├────4.07 mb (02.12%) ++ storage ├────2.74 mb (01.43%) ++ startup-cache └────2.16 mb (01.12%) ++ xp
connect some expertise is required to understand the full details here, but there are various things worth pointing out.
... there are measurements for other content such as images and workers, and for browser subsystems such as the startup cache and xp
connect.
Optimizing Applications For NSPR
initialization of nspr may fail if the host is not
connected to a network of some kind.
... pr_interrupt is implemented except for <tt>pr_
connect()</tt>.
PR_GetPeerName
gets the network address of the
connected peer.
... addr on return, the address of the peer
connected to the socket.
PR_InitializeNetAddr
this wildcard value is typically used to establish a socket on which to listen for incoming
connection requests.
...a client can use this value to
connect to itself without knowing the host's network address.
PR_Recv
receives bytes from a
connected socket.
... the value 0 means the network
connection is closed.
PR_RecvFrom
the value 0 means the network
connection is closed.
... description pr_recvfrom receives up to a specified number of bytes from socket, which may or may not be
connected.
PR_Shutdown
shuts down part of a full-duplex
connection on a specified socket.
... syntax #include <prio.h> prstatus pr_shutdown( prfiledesc *fd, prshutdownhow how); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a
connected socket.
NSS 3.28.1 release notes
9d:57:1b:c5:92 cn = symantec class 2 public primary certification authority - g6 sha-256 fingerprint: cb:62:7d:18:b5:8a:d5:6d:de:33:1a:30:45:6b:c6:5c:60:1a:4e:9b:18:de:dc:ea:08:e7:da:aa:07:81:5f:f0 the version number of the updated root ca list has been set to 2.11 a misleading assertion/alert has been removed, when nss tries to flush data to the peer but the
connection was already reset.
... bugs fixed in nss 3.28.1 bug 1296697 - december 2016 batch of root ca changes bug 1322496 - internal error assert when the other side closes
connection before reading eoed compatibility nss 3.28.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.35 release notes
tls servers can screen new tls 1.3
connections, as they are made using the experimental ssl_helloretryrequestcallback function.
... the application is then able to examine application-chosen content from the session tickets, or helloretryrequest cookie, and decide whether to proceed with the
connection.
NSS environment variables
in other words a
connection will be dropped at initial handshake if a server or client do not support safe renegotiation.
...this allows packet sniffers to decrypt tls
connections.
Necko Interfaces Overview
scheme, host, path, ...) per protocol implementation necko provides uri impl's for common uri formats (see nsstandardurl, nssimpleuri) nsichannel : nsirequest represents a logical
connection to the resource identified by a nsiuri per protocol implementation single use (ie.
...quest channel impl adds itself to its load group during invocation of asyncopen channel impl removes itself from its load group when download completes load groups in gecko own all channels used to load a particular page (until the channels complete) all channels owned by a load group can be canceled at once via the load group's nsirequest::cancel method nsitransport represents a physical
connection, such as a file descriptor or a socket used directly by protocol handler implementations (as well as by mailnews and chatzilla) synchronous i/o methods: openinputstream, openoutputstream asynchronous i/o methods: asyncread, asyncwrite nsitransport::asyncread takes a nsistreamlistener parameter original document information author(s): darin fisher last updated date: december 10, 200...
Tutorial: Embedding Rhino
the javascript feature calledlive
connect allows javascript programs to interact with java objects: $ java runscript "java.lang.system.out.println(3)" 3.0 undefined implementing interfaces using rhino, javascript objects can implement arbitrary java interfaces.
... there's no java code to write -- it's part of rhino's live
connect implementation.
Rhino scopes and contexts
note that currently in order to use java classes (live
connect) from a sealed shared scope you need to pre-load a number of objects needed for live
connect into the scope before it gets sealed.
... scriptableobject sealedsharedscope = cx.initstandardobjects(null, true); // force the live
connect stuff to be loaded.
SpiderMonkey compartments
objects that are found to be dis
connected from the graph are discarded.
... see also js_newcompartmentandglobalobject() js_entercrosscompartmentcall() js_leavecrosscompartmentcall() jsautocompartment invariants spidermonkey internals: thread safety andreas gal blog post bobby holley blog post sfink/contexts_and_compartments xp
connect security membranes ...
JSDBGAPI
js_
connectshark js_dis
connectshark js_startchudremote js_stopchudremote the following jsnative functions can be used to expose the above four apis to scripts.
... js_
connectshark js_dis
connectshark js_startshark js_stopshark ...
Redis Tips
so rather than thinking about redis as a database with some kind of non-existent relationship to sql, think of it as a data structure server with a rich set of commands for querying and manipulating those data structures over a network
connection.
... here's a stupid node script to show how this works: #!/usr/bin/env node var r = require('redis').createclient(); r.multi() .set("foo", 42) .set("bar", "ice cream") .set("baz", 6.28) .get("foo") .get("bar") .get("baz") .exec(function(err, resultlist) { console.log(json.stringify(resultlist, null, 2)); r.end(); // terminate the redis
connection; node can quit }); when run, this prints: [ "ok", "ok", "ok", "42", "ice cream", "6.28" ] the result list includes one value per each command executed.
Pinning violation reports
public key pinning helps ensure that people are
connecting to the sites they intend.
... if a site makes use of key pinning, and your browser sees a certificate chain for that site which does not match the pin, firefox will reject the
connection and display an error page.
Places Developer Guide
here is how one can get a
connection to the places database: function getplacesdbconn() { return components.classes['@mozilla.org/browser/nav-history-service;1'].
... getservice(components.interfaces.nspiplacesdatabase).db
connection; } and then to get the a redirected visit_id from another visit_id: function getfromvisit(visit_id) { var sql = <cdata><![cdata[ select from_visit from moz_places, moz_historyvisits where moz_historyvisits.id = :visit_id and moz_places.id = moz_historyvisits.place_id; ]]></cdata>.tostring(); var sql_stmt = getplacesdbconn.createstatement(sql); sql_stmt.params.visit_id = visit_id; var from_visit; try { // here we can't use the "executeasync" method since have to return a // result right-away.
Components.Constructor
for example: var binaryinputstream = components.constructor("@mozilla.org/binaryinputstream;1"); var bis = new binaryinputstream(); print(bis.tostring()); // "[xp
connect wrapped nsisupports]" try { // someinputstream is an existing nsiinputstream // throws because bis hasn't been qi'd to nsibinaryinputstream bis.setinputstream(someinputstream); } catch (e) { bis.queryinterface(components.interfaces.nsibinaryinputstream); bis.setinputstream(someinputstream); // succeeds now } if two arguments are given, the created instance will be nsisupports.queryin...
...terface()'d to the xpcom interface whose name is the second argument: var binaryinputstream = components.constructor("@mozilla.org/binaryinputstream;1", "nsibinaryinputstream"); var bis = new binaryinputstream(); print(bis.tostring()); // "[xp
connect wrapped nsibinaryinputstream]" // someinputstream is an existing nsiinputstream bis.setinputstream(someinputstream); // succeeds if three arguments are given, then in addition to being nsisupports.queryinterface()'d, the instance will also have had an initialization method called on it.
Components.returnCode
generally, xp
connect does a fine job of making it unnecessary for javascript code to worry about nsresult codes.
... by default the successful completion of the javascript method will cause xp
connect to return a result code of ns_ok to the caller.
Components.utils
components.utils is a collection of various useful xp
connect features.
... its interface is defined at js/xp
connect/idl/xpccomponents.idl.
Architecture basics
xp
connect is what lets javascript talk with mozilla guts, the xpcom system.
...it's an interactive interpreter -- it gives you a shell that talks straight to mozilla, via javascript's xp
connect bridge into it.
Using components
xp
connect works transparently in mozilla and xpcshell to give you access to xpcom components.
...ect nsxpccomponents_classes] results=[object nsxpccomponents_results] issuccesscode=function issuccesscode() { [native code] } constructor=[object nsxpccomponents_constructor] queryinterface=function queryinterface() { [native code] } interfacesbyid=[object nsxpccomponents_interfacesbyid] classesbyid=[object nsxpccomponents_classesbyid] stack=js frame :: scratchpad/4 :: cdump :: line 8 manager=[xp
connect wrapped nsicomponentmanager] id=[object nsxpccomponents_id] exception=[object nsxpccomponents_exception] reporterror=function reporterror() { [native code] } cancreatewrapper=function cancreatewrapper() { [native code] } cancallmethod=function cancallmethod() { [native code] } cangetproperty=function cangetproperty() { [native code] } cansetproperty=function cansetproperty() { [native code] } ...
HOWTO
put the following at the end of your script: // do async processing // from <https://developer.mozilla.org/en/xp
connect/xpcshell/howto> print("doing async work"); gscriptdone = false; var gthreadmanager = cc["@mozilla.org/thread-manager;1"] .getservice(ci.nsithreadmanager); var mainthread = gthreadmanager.currentthread; while (!gscriptdone) mainthread.processnextevent(true); while (mainthread.haspendingevents()) mainthread.processnextevent(true); 2.
... solution 1 var loader = components.classes["@mozilla.org/moz/jssubscript-loader;1"] .getservice(components.interfaces.mozijssubscriptloader); loader.loadsubscript("chrome://myall/content/file.jsm"); see: http://mxr.mozilla.org/comm-central/...figutils.js#54 solution 2 append the following at the top of your js file which you want to run in xpcshell { // <https://developer.mozilla.org/en/xp
connect/xpcshell/howto> // <https://bugzilla.mozilla.org/show_bug.cgi?id=546628> let cc = components.classes; let ci = components.interfaces; // register resource://app/ uri let ios = cc["@mozilla.org/network/io-service;1"] .getservice(ci.nsiioservice); let reshandler = ios.getprotocolhandler("resource") .queryinterface(ci.nsiresprotocolhandler); let mozdir = cc["@mozilla.org/fil...
XPCShell Reference
dumpxpc(depth) this function dumps the xp
connect object.
... see the documentation on debugdump() for the nsixp
connect interface for more information.
mozIStorageVacuumParticipant
method overview boolean onbeginvacuum(); void onendvacuum(in boolean asucceeded); attributes attribute type description database
connection mozistorage
connection a
connection to the database file to be vacuumed.
...the recommended value is mozistorage
connection::default_page_size.
nsIAuthPrompt2
level_pw_encrypted 1 password will be sent encrypted, but the
connection is otherwise insecure.
... level_secure 2 the
connection, both for password and data, is secure.
nsICookieManager2
aissecure true if the cookie should only be sent over a secure
connection.
... aishttponly true if the cookie should only be sent to, and can only be modified by, an http
connection.
nsIDNSService
to access the service, use: var dnsservice = components.classes["@mozilla.org/network/dns-service;1"] .createinstance(components.interfaces.nsidnsservice); note: starting in gecko 7.0, the "happy eyeballs" strategy is used to reduce lengthy timeouts when attempting backup
connections during attempts to
connect from clients that have broken ipv6
connectivity.
... this is done by disabling ipv6 on backup
connections.
nsIDOMMozNetworkStatsData
1.0 66 introduced gecko 18.0 inherits from: nsisupports last changed in gecko 18.0 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15) attributes attribute type description rxbytes unsigned long the number of bytes received on the
connection.
... txbytes unsigned long the number of bytes transmitted on the
connection.
nsIFile
a string containing characters encoded in the native charset cannot be safely passed to javascript via xp
connect.
... a string containing characters encoded in the native character set cannot be safely passed to javascript via xp
connect.
nsIHttpUpgradeListener
void ontransportavailable( in nsisockettransport atransport, in nsiasyncinputstream asocketin, in nsiasyncoutputstream asocketout ); parameters atransport the nsisockettransport describing the socket
connection between the browser and the server; this socket can now be used for the new protocol instead of http.
... asocketin the nsiasyncinputstream object representing the input stream for data coming from the server over the socket
connection.
nsIMsgIncomingServer
inherits from: nsisupports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) method overview void clearallvalues(); void cleartemporaryreturnreceiptsfilter(); void closecached
connections(); void configuretemporaryfilters(in nsimsgfilterlist filterlist); void configuretemporaryreturnreceiptsfilter(in nsimsgfilterlist filterlist); obsolete since gecko 1.8 void displayofflinemsg(in nsimsgwindow awindow); boolean equals(in nsimsgincomingserver server); void forgetpassword(); void forgetsessionpassword(); astring generateprettynameformigration(); boolean getboolattribute(in string name); boolean getboolvalue(in string...
...exceptions thrown missing exception missing description closecached
connections() void closecached
connections(); parameters none.
nsIScriptError
js/xp
connect/idl/nsiscripterror.idlscriptable represents javascript errors and warnings for use by the console service.
... categories the web console does not display "xp
connect javascript" "component javascript" "chrome javascript" "chrome registration" "xbl" "xbl prototype handler" "xbl content sink" "xbl javascript" "frameconstructor" categories the web console displays "hudconsole" "css parser" "css loader" "content javascript" "dom events" "dom:html" "dom window" "svg" "imagemap" "html" "canvas" "dom3 load" "dom" "malformed-xml" "dom worke...
nsISecurityCheckedComponent
two examples: code that has the "universalxp
connect" capability is allowed to access all of xpcom.
...this interface is used in mozilla by xp
connect and a handful of things that need special handing (xul controllers, the ui for the <video> tag, etc.).
nsISocketTransportService
void shutdown(); obsolete since gecko 1.8 attributes attribute type description autodialenabled boolean controls whether or not the socket transport service should poke the autodialer on
connection failure.
...it will
connect to ...
nsITransport
netwerk/base/public/nsitransport.idlscriptable this interface provides a common way of accessing i/o streams
connected to some resource.
...for a socket transport, these events can include status about the
connection.
nsIVariant
xpcom/ds/nsivariant.idlscriptable xp
connect has magic to transparently convert between nsivariant and js types.
...return value returns the underlying js value, if the variant was created by passing a js object into xp
connect.
nsIAbCard/Thunderbird3
these functions are marked <code>[noscript] since xpc
connect performs automatic type conversion on nsivariant such that they are not needed for scripts, only for c++ callers.
... the non-variant functions are marked [noscript] since xp
connect uses magic with nsivariant such that the other functions are not needed, although c++ does need them.
XPCOM
here is how to make the same component in python using pyxpcom.fun with xbl and xp
connectgenerating guidsguids are used in mozilla programming for identifying several types of entities, including xpcom interfaces (this type of guids is callled iid), components (cid), and legacy add-ons—like extensions and themes—that were created prior to firefox 1.5.
... before the weak reference, the pointer inside the weak reference is set to nsnull.working with multiple versions of interfacesin this short note we illustrate how one can update an xpcom module in order for it to work in both firefox 2 and firefox 3, even if the interfaces have changed in the interim.working with out parameterswrappedjsobjectwrappedjsobject is a property sometimes available on xp
connect wrappers.
xpidl
it generates: c++ header files (.h), with a commented template for full c++ implementation of the interface xp
connect typelib files (.xpt), with runtime type information to dynamically call xpcom objects through xp
connect note: starting in gecko 9.0, xpidl has been replaced with pyxpidl in the gecko sdk.
...``/tmp/nsithing) for output -e use explicit output filename -d write dependencies (requires -e) -m specify output mode: header generate c++ header (.h) typelib generate xp
connect typelib (.xpt) doc generate html documentation (.html) java generate java interface (.java) ...
Filelink Providers
some providers require thunderbird to do very little in order to
connect a user to their account.
... other providers however may require the user to fill in additional details in order to
connect to the service.
Use SQLite
const cc = components.classes; const ci = components.interfaces; var tbirdsqlite = { onload: function() { // initialization code this.initialized = true; this.dbinit(); }, db
connection: null, dbschema: { tables: { attachments:"id integer primary key, \ name text \ encoded text not null" } }, dbinit: function() { var dirservice = cc["@mozilla.org/file/directory_service;1"].
... getservice(ci.mozistorageservice); var db
connection; if (!dbfile.exists()) db
connection = this._dbcreate(dbservice, dbfile); else { db
connection = dbservice.opendatabase(dbfile); } this.db
connection = db
connection; }, _dbcreate: function(adbservice, adbfile) { var db
connection = adbservice.opendatabase(adbfile); this._dbcreatetables(db
connection); return db
connection; }, _dbcreatetables: function(adb
connection) { for(var name in this.dbschema.tables) adb
connection.createtable(name, this.dbschema.tables[name]); }, }; window.addeventlistener("...
Network request list - Firefox Developer Tools
if the request used ssl/tls and the
connection had security weaknesses such as weak ciphers, you'll see a warning triangle next to the domain.
... websocket
connections use the ws button in the toolbar.
Responsive Design Mode - Firefox Developer Tools
dpr (pixel ratio) - beginning with firefox 68, the dpr is no longer editable; create a custom device in order to change the dpr throttling - a drop-down list where you can select the
connection throttling to apply, for example 2g, 3g, or lte enable/disable touch simulation - toggles whether or not responsive design mode simulates touch events.
... network throttling if you do all your development and testing using a very fast network
connection, users may experience problems with your site if they are using a slower
connection.
AnalyserNode.getFloatFrequencyData() - Web APIs
new audiocontext(); const analyser = audioctx.createanalyser(); // float32array should be the same length as the frequencybincount const mydataarray = new float32array(analyser.frequencybincount); // fill the float32array with data returned from getfloatfrequencydata() analyser.getfloatfrequencydata(mydataarray); drawing a spectrum the following example shows basic usage of an audiocontext to
connect a mediaelementaudiosourcenode to an analysernode.
....mp3';//insert file name here audioele.autoplay = true; audioele.preload = 'auto'; const audiosourcenode = audioctx.createmediaelementsource(audioele); //create analyser node const analysernode = audioctx.createanalyser(); analysernode.fftsize = 256; const bufferlength = analysernode.frequencybincount; const dataarray = new float32array(bufferlength); //set up audio node network audiosourcenode.
connect(analysernode); analysernode.
connect(audioctx.destination); //create 2d canvas const canvas = document.createelement('canvas'); canvas.style.position = 'absolute'; canvas.style.top = 0; canvas.style.left = 0; canvas.width = window.innerwidth; canvas.height = window.innerheight; document.body.appendchild(canvas); const canvasctx = canvas.getcontext('2d'); canvasctx.clearrect(0, 0, canvas.width, ca...
AnalyserNode - Web APIs
the node works even if the output is not
connected.
... number of inputs 1 number of outputs 1 (but may be left un
connected) channel count mode "max" channel count 2 channel interpretation "speakers" inheritance this interface inherits from the following parent interfaces: <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/eventtarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="consolas,mo...
AudioContext.createMediaStreamDestination() - Web APIs
this stream can be used in a similar way as a mediastream obtained via navigator.getusermedia — it can, for example, be sent to a remote peer using the rtcpeer
connection addstream() method.
...a pure sine wave to an opus file </p> <button>make sine wave</button> <audio controls></audio> <script> var b = document.queryselector("button"); var clicked = false; var chunks = []; var ac = new audiocontext(); var osc = ac.createoscillator(); var dest = ac.createmediastreamdestination(); var mediarecorder = new mediarecorder(dest.stream); osc.
connect(dest); b.addeventlistener("click", function(e) { if (!clicked) { mediarecorder.start(); osc.start(0); e.target.innerhtml = "stop recording"; clicked = true; } else { mediarecorder.stop(); osc.stop(0); e.target.disabled = true; } }); mediarecorder.ondataavailable = function(evt) {...
AudioListener - Web APIs
in a previous version of the specification, the dopplerfactor and speedofsound properties and the setposition() method could be used to control the doppler effect applied to audiobuffersourcenodes
connected downstream — these would be pitched up and down according to the relative speed of the pannernode and the audiolistener.
... the behavior to adopt when an audiobuffersourcenode was
connected to multiple pannernodes was unclear.
AudioNode.channelCount - Web APIs
the channelcount property of the audionode interface represents an integer used to determine how many channels are used when up-mixing and down-mixing
connections to any inputs to the node.
... example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.
connect(gainnode); gainnode.
connect(audioctx.destination); oscillator.channelcount; specifications specification status comment web audio apithe definition of 'channelcount' in that specification.
AudioParamDescriptor - Web APIs
} }) return true } } registerprocessor('white-noise-processor', whitenoiseprocessor) next, in our main scripts file we'll load the processor, create an instance of audioworkletnode passing it the name of the processor, and
connect the node to an audio graph.
... const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.
connect(audiocontext.destination) now we can change the gain on the node like this: const gainparam = whitenoisenode.parameters.get('customgain') gainparam.setvalueattime(0, audiocontext.currenttime) gainparam.linearramptovalueattime(0.5, audiocontext.currenttime + 0.5) specifications specification status comment web audio apithe definition of 'audioparamdescriptor' in that specification.
AudioWorkletGlobalScope.registerProcessor - Web APIs
// test-processor.js class testprocessor extends audioworkletprocessor { process (inputs, outputs, parameters) { return true } } registerprocessor('test-processor', testprocessor) next, in our main script file we'll load the processor, create an instance of audioworkletnode — passing it the processor name that we used when calling registerprocessor — and
connect it to an audio graph.
... const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('test-processor.js') const node = new audioworkletnode(audiocontext, 'test-processor') node.
connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'registerprocessor()' in that specification.
AudioWorkletGlobalScope - Web APIs
sole.log(samplerate) // you can declare any variables and use them in your processors // for example it may be an arraybuffer with a wavetable const usefulvariable = 42 console.log(usefulvariable) registerprocessor('test-processor', testprocessor) next, in our main scripts file we'll load the processor, create an instance of audioworkletnode — passing the name of the processor to it — and
connect the node to an audio graph.
... we should see the output of console.log calls in the console: const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('test-processor.js') const testnode = new audioworkletnode(audiocontext, 'test-processor') testnode.
connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'audioworkletglobalscope' in that specification.
AudioWorkletNode.parameters - Web APIs
} }) return true } } registerprocessor('white-noise-processor', whitenoiseprocessor) next, in our main scripts file we'll load the processor, create an instance of audioworkletnode passing it the name of the processor, and
connect the node to an audio graph.
... const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.
connect(audiocontext.destination) now we can change the gain on the node like this: const gainparam = whitenoisenode.parameters.get('customgain') gainparam.setvalueattime(0, audiocontext.currenttime) gainparam.linearramptovalueattime(0.5, audiocontext.currenttime + 0.5) specifications specification status comment web audio apithe definition of 'parameters' in that specification.
AudioWorkletProcessor.parameterDescriptors (static getter) - Web APIs
} }) return true } } registerprocessor('white-noise-processor', whitenoiseprocessor) next, in our main scripts file we'll load the processor, create an instance of audioworkletnode passing it the name of the processor, and
connect the node to an audio graph.
... const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.
connect(audiocontext.destination) now we can change the gain on the node like this: const gainparam = whitenoisenode.parameters.get('customgain') gainparam.setvalueattime(0, audiocontext.currenttime) gainparam.linearramptovalueattime(0.5, audiocontext.currenttime + 0.5) specifications specification status comment web audio apithe definition of 'parameterdescriptors' in that specification.
BaseAudioContext.createDynamicsCompressor() - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'createdynamicscompressor()' in that specification.
BaseAudioContext.createGain() - Web APIs
es.getusermedia ( // constraints - only audio needed for this app { audio: true }, // success callback function(stream) { source = audioctx.createmediastreamsource(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.
connect(gainnode); gainnode.
connect(audioctx.destination); ...
...if you still hear something, make sure you haven't //
connected your source into the output in addition to using the gainnode.
BaseAudioContext.createStereoPanner() - Web APIs
in the javascript we create a mediaelementaudiosourcenode and a stereopannernode, and
connect the two together using the
connect() method.
...lmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a stereo panner var pannode = audioctx.createstereopanner(); // event handler function to increase panning to the right and left // when the slider is moved pancontrol.oninput = function() { pannode.pan.setvalueattime(pancontrol.value, audioctx.currenttime); panvalue.innerhtml = pancontrol.value; } //
connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.
connect(pannode); pannode.
connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'createstereopanner()' in that specification.
BaseAudioContext.decodeAudioData() - Web APIs
we then pass this buffer into a decodeaudiodata() function; the success callback takes the successfully decoded pcm data, puts it into an audiobuffersourcenode created using audiocontext.createbuffersource(),
connects the source to the audiocontext.destination and sets it to loop.
...we put the buffer into the source function getdata() { source = audioctx.createbuffersource(); var request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { source.buffer = buffer; source.
connect(audioctx.destination); source.loop = true; }, function(e){ console.log("error with decoding audio data" + e.err); }); } request.send(); } // wire up buttons to stop and play audio play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); } stop.onclick = function() { source.stop(0); play.removeattribute('disabled'); ...
gattServer - Web APIs
the bluetoothdevice.gattserver read-only property returns a reference to the device's gatt server or null if the device is dis
connected.
... syntax var gattserver = instanceofbluetoothdevice.gattserver returns a reference to the device's gatt server or null if the device is dis
connected.
BluetoothDevice - Web APIs
bluetoothdevice.gattserver read only a reference to the device's gatt server or null if the device is dis
connected.
... bluetoothdevice.
connectgatt() a promise that resolves to an instance of bluetoothgattremoteserver.
Body.arrayBuffer() - Web APIs
when the fetch is successful, we read an arraybuffer out of the response using arraybuffer(), decode the audio data using audiocontext.decodeaudiodata, set the decoded data as the audio buffer source's buffer (source.buffer), then
connect the source up to the audiocontext.destination.
...e clicked again when it is already playing (this would cause an error.) function getdata() { source = audioctx.createbuffersource(); var myrequest = new request('viper.ogg'); fetch(myrequest).then(function(response) { return response.arraybuffer(); }).then(function(buffer) { audioctx.decodeaudiodata(buffer, function(decodeddata) { source.buffer = decodeddata; source.
connect(audioctx.destination); }); }); }; // wire up buttons to stop and play audio play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); } reading files the response() constructor accepts files and blobs, so it may be used to read a file into other formats.
BroadcastChannel() - Web APIs
the broadcastchannel() constructor creates a new broadcastchannel and
connects it to the underlying channel.
... var bc = new broadcastchannel('internal_notification'); bc.postmessage('new listening
connected!'); specifications specification status comment html living standardthe definition of 'broadcastchannel()' in that specification.
BroadcastChannel.close() - Web APIs
the broadcastchannel.close() terminates the
connection to the underlying channel, allowing the object to be garbage collected.
... syntax var str = channel.close(); example //
connect to a channel var bc = new broadcastchannel('test_channel'); // more operations (like postmessage, …) // when done, dis
connect from the channel bc.close(); specifications specification status comment html living standardthe definition of 'broadcastchannel.close()' in that specification.
CanvasRenderingContext2D.closePath() - Web APIs
after that, the triangle's base is created with the closepath() method, which automatically
connects the shape's first and last points.
....getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(20, 140); // move pen to bottom-left corner ctx.lineto(120, 10); // line to top corner ctx.lineto(220, 140); // line to bottom-right corner ctx.closepath(); // line to bottom-left corner ctx.stroke(); result closing just one sub-path this example draws a smiley face consisting of three dis
connected sub-paths.
CanvasRenderingContext2D.lineTo() - Web APIs
the canvasrenderingcontext2d method lineto(), part of the canvas 2d api, adds a straight line to the current sub-path by
connecting the sub-path's last point to the specified (x, y) coordinates.
... const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); // start a new path ctx.moveto(30, 50); // move the pen to (30, 50) ctx.lineto(150, 100); // draw a line to (150, 100) ctx.stroke(); // render the path result drawing
connected lines each call of lineto() (and similar methods) automatically adds to the current sub-path, which means that all the lines will all be stroked or filled together.
CanvasRenderingContext2D - Web APIs
canvasrenderingcontext2d.lineto()
connects the last point in the current sub-path to the specified (x, y) coordinates with a straight line.
... canvasrenderingcontext2d.arcto() adds an arc to the current path with the given control points and radius,
connected to the previous point by a straight line.
Document.ononline - Web APIs
window.navigator.online returns boolean true if the browser is online and false if it is definitely offline (dis
connected from the network).
...a computer can be
connected to a network without having internet access.
DynamicsCompressorNode.attack - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'attack' in that specification.
DynamicsCompressorNode.knee - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'knee' in that specification.
DynamicsCompressorNode.ratio - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'ratio' in that specification.
DynamicsCompressorNode.release - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'release' in that specification.
DynamicsCompressorNode.threshold - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'threshold' in that specification.
DynamicsCompressorNode - Web APIs
myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); //
connect the audiobuffersourcenode to the destination source.
connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove compression'; source.dis
connect(audioctx.destination); source.
connect(compressor); compressor.
connect(audioctx.desti...
...nation); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.dis
connect(compressor); compressor.dis
connect(audioctx.destination); source.
connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'dynamicscompressornode' in that specification.
EventSource: error event - Web APIs
the error event of the eventsource api is fired when a
connection with an event source fails to be opened.
... bubbles no cancelable no interface event or errorevent event handler property eventsource.onerror examples var evtsource = new eventsource('sse.php'); // addeventlistener version evtsource.addeventlistener('error', (e) => { console.log("an error occurred while attempting to
connect."); }); // onerror version evtsource.onerror = (e) => { console.log("an error occurred while attempting to
connect."); }; specifications specification status html living standardthe definition of 'error event' in that specification.
EventSource.onopen - Web APIs
the onopen property of the eventsource interface is an eventhandler called when an open event is received, that is when the
connection was just opened.
... syntax eventsource.onopen = function examples evtsource.onopen = function() { console.log("
connection to server opened."); }; note: you can find a full example on github — see simple sse demo using php.
EventSource: open event - Web APIs
the open event of the eventsource api is fired when a
connection with an event source is opened.
... bubbles no cancelable no interface event event handler property eventsource.onopen examples var evtsource = new eventsource('sse.php'); // addeventlistener version evtsource.addeventlistener('open', (e) => { console.log("the
connection has been established."); }); // onopen version evtsource.onopen = (e) => { console.log("the
connection has been established."); }; specifications specification status html living standardthe definition of 'open event' in that specification.
GainNode.gain - Web APIs
es.getusermedia ( // constraints - only audio needed for this app { audio: true }, // success callback function(stream) { source = audioctx.createmediastreamsource(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.
connect(gainnode); gainnode.
connect(audioctx.destination); ...
...if you still hear something, make sure you haven't //
connected your source into the output in addition to using the gainnode.
GainNode - Web APIs
es.getusermedia ( // constraints - only audio needed for this app { audio: true }, // success callback function(stream) { source = audioctx.createmediastreamsource(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); } source.
connect(gainnode); gainnode.
connect(audioctx.destination); ...
...if you still hear something, make sure you haven't //
connected your source into the output in addition to using the gainnode.
The HTML DOM API - Web APIs
management of media
connected to the html media elements (<audio> and <video>).
... access to the browser navigation history supporting and
connective interfaces for other apis such as web components, web storage, web workers, websocket, and server-sent events.
IDBFactorySync - Web APIs
method overview idbdatabasesync open (in domstring name, in domstring description, in optional boolean modifydatabase) raises (idbdatabaseexception); methods open() opens and returns a
connection to a database.
... blocks the calling thread until the
connection object is ready to return.
IDBObjectStore - Web APIs
idbobjectstore.createindex() creates a new index during a version upgrade, returning a new idbindex object in the
connected database.
... idbobjectstore.deleteindex() destroys the specified index in the
connected database, used during a version upgrade.
Using IndexedDB - Web APIs
once all of the transactions have completed, the database
connection is closed.
... finally, the idbdatabase object representing the database
connection receives a close event.
MediaStreamAudioSourceNode - Web APIs
this media could be from a microphone (through getusermedia()) or from a remote peer on a webrtc call (using the rtcpeer
connection's audio tracks).
...iosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.
connect(biquadfilter); biquadfilter.
connect(audioctx.destination); // get new mouse pointer coordinates when mouse is moved // then set new gain value range.oninput = function() {...
MediaStreamTrackAudioSourceNode - Web APIs
the audio itself might be input from a microphone or other audio sampling device, or might be received through a rtcpeer
connection, among other posible options.
...iosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.
connect(biquadfilter); biquadfilter.
connect(audioctx.destination); // get new mouse pointer coordinates when mouse is moved // then set new gain value range.oninput = function() {...
MediaTrackConstraints - Web APIs
for example, because rtp doesn't provide some of these values during negotiation of a webrtc
connection, a track associated with a rtcpeer
connection will not include certain values, such as facingmode or groupid.
... torch a boolean defining whether the fill light is continuously
connected, meaning it stays on as long as the track is active.
MediaTrackSettings.echoCancellation - Web APIs
echo cancellation is a feature which attempts to prevent echo effects on a two-way audio
connection by attempting to reduce or eliminate crosstalk between the user's output device and their input device.
... because rtp doesn't include this information, tracks associated with a webrtc rtcpeer
connection will never include this property.
Media Capture and Streams API (Media Stream) - Web APIs
a non-local mediastream may be representing to a media element, like <video> or <audio>, a stream originating over the network, and obtained via the webrtc rtcpeer
connection api, or a stream created using the web audio api mediastreamaudiosourcenode.
...it can be a media elements, like <audio> or <video>, the webrtc rtcpeer
connection api or a web audio api mediastreamaudiosourcenode.
MutationObserver - Web APIs
methods dis
connect() stops the mutationobserver instance from receiving further notifications until and unless observe() is called again.
... (mutation.type === 'attributes') { console.log('the ' + mutation.attributename + ' attribute was modified.'); } } }; // create an observer instance linked to the callback function const observer = new mutationobserver(callback); // start observing the target node for configured mutations observer.observe(targetnode, config); // later, you can stop observing observer.dis
connect(); specifications specification status comment domthe definition of 'mutationobserver' in that specification.
NetworkInformation.downlink - Web APIs
this value is based on recently observed application layer throughput across recently active
connections, excluding
connections made to a private address space.
... in the absence of recent bandwidth measurement data, the attribute value is determined by the properties of the underlying
connection technology.
OfflineAudioContext.startRendering() - Web APIs
the startrendering() method of the offlineaudiocontext interface starts rendering the audio graph, taking into account the current
connections and the current scheduled changes.
...udiodata to decode it and offlineaudiocontext to render it function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.
connect(offlinectx.destination); source.start(); //source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering completed successfully'); var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var song = audioctx.createbuffersource(); song.buffer = renderedbuffer; song.
connect(audioctx.d...
OfflineAudioContext - Web APIs
offlineaudiocontext.startrendering() starts rendering the audio, taking into account the current
connections and the current scheduled changes.
...udiodata to decode it and offlineaudiocontext to render it function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.
connect(offlinectx.destination); source.start(); //source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering completed successfully'); var song = audioctx.createbuffersource(); song.buffer = renderedbuffer; song.
connect(audioctx.destination); play.onclick = function() { song.start(); ...
PannerNode.coneInnerAngle - Web APIs
ngle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the threshold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's
connect all our nodes and start the oscillator!
... osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'coneinnerangle' in that specification.
PannerNode.coneOuterAngle - Web APIs
ngle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the threshold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's
connect all our nodes and start the oscillator!
... osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'coneouterangle' in that specification.
PannerNode.coneOuterGain - Web APIs
ngle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the threshold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's
connect all our nodes and start the oscillator!
... osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'coneoutergain' in that specification.
PannerNode.orientationX - Web APIs
ngle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the threshold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's
connect all our nodes and start the oscillator!
... osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'orientationx' in that specification.
PannerNode.orientationY - Web APIs
ngle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the threshold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's
connect all our nodes and start the oscillator!
... osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'orientationy' in that specification.
PannerNode.orientationZ - Web APIs
ngle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the threshold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's
connect all our nodes and start the oscillator!
... osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'orientationz' in that specification.
Path2D - Web APIs
path2d.lineto()
connects the last point in the subpath to the (x, y) coordinates with a straight line.
... path2d.arcto() adds a circular arc to the path with the given control points and radius,
connected to the previous point by a straight line.
PerformanceResourceTiming.requestStart - Web APIs
if the transport
connection fails and the browser retires the request, the value returned will be the start of the retry request.
... function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
RTCDTMFSender.insertDTMF() - Web APIs
the insertdtmf() method on the rtcdtmfsender interface starts sending dtmf tones to the remote peer over the rtcpeer
connection.
... as long as the
connection is active, you can send tones at any time.
RTCDataChannel.close() - Web APIs
most of the process of closing the
connection is handled asynchronously; you can detect when the channel has finished closing by watching for a close event on the data channel.
... example var pc = new rtcpeer
connection(); var dc = pc.createdatachannel("my channel"); dc.onmessage = function (event) { console.log("received: " + event.data); dc.close(); // we decided to close after the first received message }; dc.onopen = function () { console.log("datachannel open"); }; dc.onclose = function ( console.log("datachannel close"); }; // now negotiate the
connection and so forth...
RTCDataChannel: close event - Web APIs
dc.addeventlistener("close", ev => { messageinputbox.disabled = true; sendbutton.disabled = true;
connectbutton.disabled = false; dis
connectbutton.disabled = true; }, false); all this code does in response to receiving the close event is to disable an input box and its "send" button, and to enable the button used to start a call (while disabling the one that ends a call).
... you can also use the onclose event handler property to set a handler for close events: dc.onclose = ev => { messageinputbox.disabled = true; sendbutton.disabled = true;
connectbutton.disabled = false; dis
connectbutton.disabled = true; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'close' in that specification.
RTCDataChannel.id - Web APIs
each rtcpeer
connection can therefore have up to a theoretical maximum of 65,534 data channels on it, although the actual maximum may vary from browser to browser.
... example var pc = new rtcpeer
connection(); var dc = pc.createdatachannel("my channel"); console.log("channel id: " + dc.id); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.id' in that specification.
RTCDataChannel.maxRetransmits - Web APIs
this can only be set when the rtcdatachannel is created by calling rtcpeer
connection.createdatachannel(), using the maxretransmits field in the specified options.
... syntax var tries = adatachannel.maxretransmits; value the maximum number of times the browser will try to retransmit a message before giving up, or null if not set when rtcpeer
connection.createdatachannel() was called.
RTCDataChannel.onclose - Web APIs
this way, the message entry field and the send button are only enabled for use when the
connection is actually open.
... let pc = new rtcpeer
connection(); let dc = pc.createdatachannel("messagechannel")}}; dc.onopen = function(event) { document.getelementbyid("messagebox").disabled = false; document.getelementbyid("sendbutton").disabled = false; }; dc.onclose = function(event) { document.getelementbyid("messagebox").disabled = true; document.getelementbyid("sendbutton").disabled = true; } /* now negotiate the
connection, etc...
RTCDataChannel.onmessage - Web APIs
example this code snippet creates a peer
connection, adds a data channel to it, and starts creating new <p> (paragraph) elements each time a message arrives, with the message's contents displayed inside it.
... let pc = new rtcpeer
connection(); let dc = pc.createdatachannel(); dc.onmessage = function(event) { var el = document.createelement("p"); var txtnode = document.createtextnode(event.data); el.appendchild(txtnode); receivebox.appendchild(el); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onmessage' in that specification.
RTCDataChannel.onopen - Web APIs
example this example adds a new data channel to an existing rtcpeer
connection, mypeer
connection.
... let dc = mypeer
connection.createdatachannel("message channel"); dc.onopen = function(event) { let messagebox = document.getelementbyid("messagebox"); let sendbutton = document.getelementbyid("sendbutton"); messagebox.disabled = false; messagebox.focus(); sendbutton.disabled = false; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onopen' in that specification.
RTCDataChannel.ordered - Web APIs
this is set when the rtcdatachannel is created, by setting the ordered property on the rtcdatachannelinit object passed as rtcpeer
connection.createdatachannel()'s options parameter.
... example var pc = new rtcpeer
connection(); var dc = pc.createdatachannel("my channel"); if (!dc.ordered) { // handle unordered messaging } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.ordered' in that specification.
RTCError - Web APIs
datachannel.addeventlistener("error", (event) => { let error = event.error; if (error.errordetail === "sdp-syntax-error") { let errline = error.sdplinenumber; let errmessage = error.message; let alertmessage = `a syntax error occurred interpreting line ${errline} of the sdp: ${errmessage}`; showmyalertmessage("data channel error", alertmessage); } else { terminatemy
connection(); } }); if the error is an sdp syntax error—indicated by its errordetail property being sdp-syntax-error—, a message string is constructed to present the error message and the line number within the sdp at which the error occurred.
... any other error is treated as terminal, causing a terminatemy
connection() function to be called.
RTCErrorEvent.error - Web APIs
datachannel.addeventlistener("error", (event) => { let error = event.error; if (error.errordetail === "sdp-syntax-error") { let errline = error.sdplinenumber; let errmessage = error.message; let alertmessage = `a syntax error occurred interpreting line ${errline} of the sdp: ${errmessage}`; showmyalertmessage("data channel error", alertmessage); } else { terminatemy
connection(); } }); if the error is an sdp syntax error—indicated by its errordetail property being sdp-syntax-error—, a message string is constructed to present the error message and the line number within the sdp at which the error occurred.
... any other error is treated as terminal, causing a terminatemy
connection() function to be called.
RTCIceCandidatePair.local - Web APIs
the local property of the rtcicecandidatepair dictionary specifies the rtcicecandidate which describes the configuration of the local end of a viable webrtc
connection.
... var candidatepair = pc.getsenders()[0].transport.transport.getselectedcandidatepair(); var localcandidate = candidatepair.local; the rtcicetransport is found by getting the list of rtcrtpsender objects for the rtcpeer
connection pc.
RTCIceCandidatePair.remote - Web APIs
the remote property of the rtcicecandidatepair dictionary specifies the rtcicecandidate describing the configuration of the remote end of a viable webrtc
connection.
... var candidatepair = pc.getsenders()[0].transport.transport.getselectedcandidatepair(); var remotecandidate = candidatepair.remote; the rtcicetransport is found by getting the list of rtcrtpsender objects for the rtcpeer
connection pc.
RTCIceCandidatePairStats.consentRequestsSent - Web APIs
the rtcicecandidatepairstats property consentrequestssent specifies the number of consent requests that have been sent by this peer to the remote peer on the
connection described by the pair of candidates.
... syntax consentrequestssent = rtcicecandidatepairstats.consentrequestssent; value an integer indicating the number of consent requests this peer has sent to the other peer over the
connection described by the pair of candidates referenced by this rtcicecandidatepairstats object.
RTCIceCandidatePairStats.firstRequestTimestamp - Web APIs
syntax firstrequesttimestamp = rtcicecandidatepairstats.firstrequesttimestamp; value a domhighrestimestamp object indicating the timestamp at which the first stun request was sent on the
connection described by the described pair of candidates.
... you can use this value in combination with lastrequesttimestamp and requestssent to compute the average interval between consecutive
connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requestssent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.firstrequesttimestamp' in that specification.
RTCIceCandidatePairStats.lastPacketReceivedTimestamp - Web APIs
the rtcicecandidatepairstats property lastpacketreceivedtimestamp indicates the time at which the
connection described by the candidate pair last received a packet.
... syntax lastpacketreceivedtimestamp = rtcicecandidatepairstats.lastpacketreceivedtimestamp; value a domhighrestimestamp object indicating the timestamp at which the
connection described by pair of candidates last received a packet, stun packets excluded.
RTCIceCandidateStats.lastPacketSentTimestamp - Web APIs
the rtcicecandidatepairstats property lastpacketsenttimestamp indicates the time at which the
connection described by the candidate pair last sent a packet, not including stun packets.
... syntax lastpacketsenttimestamp = rtcicecandidatepairstats.lastpacketsenttimestamp; value a domhighrestimestamp object indicating the timestamp at which the
connection described by pair of candidates last sent a packet, stun packets excluded.
RTCIceCandidatePairStats.lastRequestTimestamp - Web APIs
syntax lastrequesttimestamp = rtcicecandidatepairstats.lastrequesttimestamp; value a domhighrestimestamp object indicating the timestamp at which the last (most recent) stun request was sent on the
connection indicated by the described pair of candidates.
... you can use this value in combination with firstrequesttimestamp and requestssent to compute the average interval between consecutive
connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requestssent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastrequesttimestamp' in that specification.
RTCIceCandidatePairStats.priority - Web APIs
the higher the value, the more likely the webrtc layer is to select the candidate pair when the time comes to establish (or re-establish) a
connection between the two peers.
... syntax pairpriority = rtcicecandidatepairstats.priority; value an integer value indicating the priority of this pair of candidates as compared to other pairs on the same peer
connection.
RTCIceCandidatePairStats.requestsSent - Web APIs
the rtcicecandidatepairstats dictionary's requestssent property indicates the total number of stun
connectivity check requests that have been sent so far on the
connection described by this pair of candidates.
... syntax requestssent = rtcicecandidatepairstats.requestssent; value an integer value which specifies the number of stun
connectivity requests that have been sent to date on the
connection described by this pair of ice candidates.
RTCIceCandidatePairStats.responsesReceived - Web APIs
the responsesreceived property in the rtcicecandidatepairstats dictionary indicates the total number of stun
connectivity check responses that have been received on the
connection described by this pair of candidates.
... syntax responsesreceived = rtcicecandidatepairstats.responsesreceived; value an integer value which specifies the number of stun
connectivity request responses that have been received on the
connection described by this pair of candidates so far.
RTCIceCandidatePairStats.totalRoundTripTime - Web APIs
this value includes both
connectivity check and consent check requests.
... syntax totalrtt = rtcicecandidatepairstats.totalroundtriptime; value this floating-point value indicates the total number of seconds which have elapsed between sending out stun
connectivity and consent check requests and receiving their responses, for all such requests made so far on the
connection described by this candidate pair.
RTCIceCandidatePairStats.writable - Web APIs
the obsolete rtcicecandidatepairstats property writable reports whether or not the
connection described by the candidate pair is writable.
... syntax iswritable = rtcicecandidatepairstats.writable; value a boolean value which is true if the
connection described by this candidate pair has received acknowledgement of receipt (ack) for at least one ice request and that stun consent hasn't expired.
RTCIceCandidateStats - Web APIs
this url matches the one included in the rtcpeer
connectioniceevent object representing the icecandidate event that delivered the candidate to the local peer.
... const isusablenetworktype = stats => { switch(stats.networktype) { case "ethernet": case "vpn": return true; case "bluetooth": case "cellular": case "wimax": case "unknown": default: return false; } } if (rtcstats && rtcstats.type === "local-candidate") { if (!isusablenetworktype(rtcstats)) { abort
connection(); return; } } this code calls a function called abort
connection() if the rtcstats object represents information about a local candidate is which would be using a network
connection other than ethernet or a vpn.
RTCIceRole - Web APIs
the rtcicerole enumerated type lists the string values that identify whether a
connection's ice agent is serving as the controlling agent or the controlled agent, as indicated by rtcicetransport.role.
... you can learn more about ice roles in choosing a candidate pair in webrtc
connectivity.
RTCIceServer.credentialType - Web APIs
example this example creates a new rtcpeer
connection which will use a turn server at turnserver.example.org to negotiate
connections.
... mypeer
connection = new rtcpeer
connection({ iceservers: [ { urls: "turn:turnserver.example.org", // a turn server username: "webrtc", credential: "turnpassword", credentialtype: "password" } ] }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.credential' in that specification.
RTCIceServer.username - Web APIs
}; var username = iceserver.username; iceserver.username = newusername; example this example creates a new rtcpeer
connection which will use a turn server at turnserver.example.org to negotiate
connections.
... mypeer
connection = new rtcpeer
connection({ iceservers: [ { urls: "turn:turnserver.example.org", // a turn server username: "webrtc", credential: "turnpassword" } ] }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.username' in that specification.
RTCIceTransport: gatheringstatechange event - Web APIs
bubbles no cancelable no interface event event handler property ongatheringstatechange the key difference between gatheringstatechange and icegatheringstatechange is that the latter represents the overall state of the
connection including every rtcicetransport used by every rtcrtpsender and every rtcrtpreceiver on the entire
connection.
... examples this example creates a handler for gatheringstatechange events on each rtcrtpsender associated with a given rtcpeer
connection.
RTCIceTransport.getRemoteCandidates() - Web APIs
each time your signaling code calls rtcpeer
connection.addicecandidate() to add a received candidate to the ice session, the ice agent places it in the list returned by this function.
... example this simple example gets the remote candidate list from the rtcicetransport for the first rtcrtpsender on the rtcpeer
connection, then outputs to the console all of the candidates in the list.
RTCIceTransport: statechange event - Web APIs
the state can be used to determine how far through the process of examining, verifying, and selecting a valid candidate pair is prior to successfully
connecting the two peers for webrtc communications.
... bubbles no cancelable no interface event event handler property rtcicetransport.onstatechange examples given an rtcpeer
connection, pc, the following code creates an event handler that calls a function named handlefailure() if the ice transport enters a failure state.
RTCIdentityErrorEvent.idp - Web APIs
firefox implements the interface of this property under the following name: rtcpeer
connectionidentityerrorevent.
... it is likely that it will correct this name when it will unprefix rtcpeer
connection, once spec and implementation will have been stabilized.
RTCIdentityErrorEvent.loginUrl - Web APIs
firefox implements the interface of this property under the following name: rtcpeer
connectionidentityerrorevent.
... it is likely that it will correct this name when it will unprefix rtcpeer
connection, once spec and implementation will have been stabilized.
RTCIdentityErrorEvent.protocol - Web APIs
firefox implements the interface of this property under the following name: rtcpeer
connectionidentityerrorevent.
... it is likely that it will correct this name when it will unprefix rtcpeer
connection, once spec and implementation will have been stabilized.
RTCIdentityEvent.assertion - Web APIs
firefox implements the interface this property belongs to under the following name: rtcpeer
connectionidentityevent.
... it is likely that it will correct this name when it will unprefix rtcpeer
connection, once spec and implementation will have been stabilized.
RTCInboundRtpStreamStats.packetsFailedDecryption - Web APIs
the packetsfaileddecryption property of the rtcinboundrtpstreamstats dictionary indicates the total number of rtp packets which failed to be decrypted successfully after being received by the local end of the
connection during this session.
... syntax var packetsfaileddecryption = rtcinboundrtpstreamstats.packetsfaileddecryption; value an integer value which indicates how many packets the local end of the rtp
connection could not be successfully decrypted.
RTCOfferAnswerOptions.voiceActivityDetection - Web APIs
the voiceactivitydetection property of the rtcofferansweroptions dictionary is used to specify whether or not to use automatic voice detection for the audio on an rtcpeer
connection.
... syntax var options = { voiceactivitydetection: trueorfalse }; value a boolean value indicating whether or not the
connection should use voice detection once running.
RTCOfferOptions - Web APIs
the rtcofferoptions dictionary is used to provide optional settings when creating an rtcpeer
connection offer with the createoffer() method.
... icerestart optional a boolean which, when set to true, tells createoffer() to generate and use new values for the identifying properties of the sdp it creates, resulting in a request that triggers renegotiation of the ice
connection.
RTCRtpContributingSource.source - Web APIs
oidopera for androidsafari on iossamsung internetsourcechrome full support 59edge full support ≤79firefox full support 59disabled full support 59disabled disabled from version 59: this feature is behind the media.peer
connection.rtpsourcesapi.enable preference (needs to be set to true).
... webview android full support 59chrome android full support 59firefox android full support 59disabled full support 59disabled disabled from version 59: this feature is behind the media.peer
connection.rtpsourcesapi.enable preference (needs to be set to true).
RTCRtpReceiver.getCapabilities() static function - Web APIs
return value an rtcrtpcapabilities object stating what capabilities the browser has for receiving the specified media kind over an rtcpeer
connection.
... example the function below returns a boolean indicating whether or not the device supports receiving h.264 video on a webrtc
connection.
RTCRtpReceiver.transport - Web APIs
syntax let transport = rtcrtpreceiver.transport; value an rtcdtlstransport object representing the underlying transport being used by the receiver to exchange packets with the remote peer, or null if the receiver isn't yet
connected to a transport.
... note that when bundling is in effect—that is, when the rtcpeer
connection was created with an rtcconfiguration object whose bundlepolicy is max-compat or max-bundle—multiple receivers may be sharing the same transport; in this case, all of them are using the same
connection to transmit and/or receive rtp and rtcp packets.
RTCRtpSender.transport - Web APIs
syntax let transport = rtcrtpsender.transport; value an rtcdtlstransport object representing the underlying transport being used by the sender to exchange packets with the remote peer, or null if the sender isn't yet
connected to a transport.
... note that when bundling is in effect—that is, when the rtcpeer
connection was created with an rtcconfiguration object whose bundlepolicy is max-compat or max-bundle—multiple senders may be sharing the same transport; in this case, all of them are using the same
connection to transmit and/or receive rtp and rtcp packets.
RTCRtpStreamStats - Web APIs
the rtcrtpstreamstats dictionary is returned by the rtcpeer
connection.getstats(), rtcrtpsender.getstats(), and rtcrtpreceiver.getstats() methods to provide detailed statistics about webrtc
connectivity.
...their primary purpose is to examine the error resiliency of the
connection, as they provide information about lost packets, lost frames, and how heavily compressed the data is.
RTCRtpTransceiver.currentDirection - Web APIs
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the other peer accepts the
connection and at least one of the sender's encodings is active1.
... "sendonly" offers to send rtp data, and will do so if the other peer accepts the
connection and at least one of the sender's encodings is active1.
RTCRtpTransceiverDirection - Web APIs
value rtcrtpsender behavior rtcrtpreceiver behavior "sendrecv" offers to send rtp data, and will do so if the other peer accepts the
connection and at least one of the sender's encodings is active1.
... "sendonly" offers to send rtp data, and will do so if the other peer accepts the
connection and at least one of the sender's encodings is active1.
RTCRtpTransceiverInit - Web APIs
the rtcrtptransceiverinit dictionary is used when calling the webrtc function rtcpeer
connection.addtransceiver() to provide configuration options for the new transceiver.
... streams optional a list of mediastream objects to add to the transceiver'srtcrtpreceiver; when the remote peer's rtcpeer
connection's track event occurs, these are the streams that will be specified by that event.
RTCSessionDescription() - Web APIs
this constructor has been deprecated because rtcpeer
connection.setlocaldescription() and other methods which take sdp as input now directly accept an object conforming to the rtcsessiondescriptioninit dictionary, so you don't have to instantiate an rtcsessiondescription yourself.
... this is no longer necessary, however; rtcpeer
connection.setlocaldescription() and other methods which take sdp as input now directly accept an object conforming to the rtcsessiondescriptioninit dictionary, so you don't have to instantiate an rtcsessiondescription yourself.
RTCTrackEvent.track - Web APIs
the webrtc api interface rtctrackevent's read-only track property specifies the mediastreamtrack that has been added to the rtcpeer
connection.
... syntax var track = trackevent.track; value a mediastreamtrack indicating the track which has been added to the rtcpeer
connection.
Sensor APIs - Web APIs
the presence of a sensor api does not tell you whether that api is
connected to a real hardware sensor, whether that sensor works, if it's still
connected, or even whether the user has granted access to it.
... } else if (event.error.name === 'notreadableerror' ) { console.log('cannot
connect to the sensor.'); } }); accelerometer.addeventlistener('reading', () => reloadonshake(accelerometer)); accelerometer.start(); } catch (error) { // handle construction errors.
Using Service Workers - Web APIs
the premise of service workers one overriding problem that web users have suffered with for years is loss of
connectivity.
...in the future they will have throttling/offline modes to simulate bad or non-existent
connections, which will be a really good thing.
SpeechRecognition: end event - Web APIs
the end event of the web speech api speechrecognition object is fired when the speech recognition service has dis
connected.
... bubbles no cancelable no interface event event handler property onend examples you can use the end event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('end', function() { console.log('speech recognition service dis
connected'); }); or use the onend event handler property: recognition.onend = function() { console.log('speech recognition service dis
connected'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition.onend - Web APIs
the onend property of the speechrecognition interface represents an event handler that will run when the speech recognition service has dis
connected (when the end event fires.) syntax myspeechrecognition.onend = function() { ...
... }; examples var recognition = new speechrecognition(); recognition.onend = function() { console.log('speech recognition service dis
connected'); } specifications specification status comment web speech apithe definition of 'onend' in that specification.
StereoPannerNode.pan - Web APIs
in the javascript we create a mediaelementaudiosourcenode and a stereopannernode, and
connect the two together using the
connect() method.
...lmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a stereo panner var pannode = audioctx.createstereopanner(); // event handler function to increase panning to the right and left // when the slider is moved pancontrol.oninput = function() { pannode.pan.setvalueattime(pancontrol.value, audioctx.currenttime); panvalue.innerhtml = pancontrol.value; } //
connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.
connect(pannode); pannode.
connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'pan' in that specification.
StereoPannerNode - Web APIs
in the javascript we create a mediaelementaudiosourcenode and a stereopannernode, and
connect the two together using the
connect() method.
...lmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a stereo panner var pannode = audioctx.createstereopanner(); // event handler function to increase panning to the right and left // when the slider is moved pancontrol.oninput = function() { pannode.pan.setvalueattime(pancontrol.value, audioctx.currenttime); panvalue.innerhtml = pancontrol.value; } //
connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.
connect(pannode); pannode.
connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'stereopannernode' in that specification.
USBDevice.claimInterface() - Web APIs
example the following example shows claiminterface() in the context of
connecting to a usb device.
... async function
connectdevice(usbdevice) { await usbdevice.open(); if (usbdevice.configuration === null) await usbdevice.selectconfiguration(1); await usbdevice.claiminterface(0); } specifications specification status comment webusbthe definition of 'claiminterface()' in that specification.
WebSocket() - Web APIs
syntax var awebsocket = new websocket(url [, protocols]); parameters url the url to which to
connect; this should be the url to which the websocket server will respond.
... exceptions thrown security_err the port to which the
connection is being attempted is being blocked.
WebSocket: error event - Web APIs
the error event is fired when a
connection with a websocket has been closed due to an error (some data couldn't be sent for example).
... bubbles no cancelable no interface event event handler property onerror examples // create websocket
connection const socket = new websocket('ws://localhost:8080'); // listen for possible errors socket.addeventlistener('error', function (event) { console.log('websocket error: ', event); }); specifications specification status html living standardthe definition of 'websocket error' in that specification.
Fundamentals of WebXR - Web APIs
simpler and lower-priced xr devices typically use an integrated computer or
connect to a smartphone, essentially using the mobile cpu and gpu to run apps, render images, and display them to the user.
... these headsets may include integrated speakers and microphone, and/or
connectors to attach external ones.
Inputs and input sources - Web APIs
enumerating input sources the webxr session represented by the xrsession object has an inputsources property which is a live list of the webxr input devices currently
connected to the xr system.
... after the select event is sent or if the controller on which the action is being performed is dis
connected or otherwise becomes unavailable, the selectend event is sent.
Rendering and the WebXR frame animation callback - Web APIs
preparing the renderer once the xr session has been set up, with the webgl framebuffer
connected and webgl primed with the data it needs in order to render the scene, you can set up the renderer to start running.
... the second type of input is a gamepad that's
connected through the xr system.
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
detecting and functioning after tracking loss if tracking fails, such as due to a temporary loss of
connectivity between the headset and the user's device, the xr layer will continue to return poses, but those poses' emulatedposition property will be true, indicating that the computation of the pose is based on a guess of the current position of the user.
... a reset may occur because the xr hardware lost
connectivity for a time, resulting in the user's movements not being properly tracked for a while.
Using IIR filters - Web APIs
we set this up using a custom function, playsoundnode(), which creates a buffer source from an existing audiobuffer, attaches it to the default destination, starts it playing, and returns it: function playsourcenode(audiocontext, audiobuffer) { const soundsource = audiocontext.createbuffersource(); soundsource.buffer = audiobuffer; soundsource.
connect(audiocontext.destination); soundsource.start(); return soundsource; } this function is called when the play button is pressed.
...first, the html: <button class="button-filter" role="switch" data-filteron="false" aria-pressed="false" aria-describedby="label" disabled></button> the filter button's click handler then
connects the iirfilter up to the graph, between the source and the detination: filterbutton.addeventlistener('click', function() { if (this.dataset.filteron === 'false') { srcnode.dis
connect(audioctx.destination); srcnode.
connect(iirfilter).
connect(audioctx.destination); ...
Web Audio API - Web APIs
this last
connection is only necessary if the user is supposed to hear the audio.
... a simple, typical workflow for web audio would look something like this: create audio context inside the context, create sources — such as <audio>, oscillator, stream create effects nodes, such as reverb, biquad filter, panner, compressor choose final destination of audio, for example your system speakers
connect the sources up to the effects, and the effects to the destination.
Functions and classes available to Web Workers - Web APIs
10.0 (yes) 10.1 network information api provides information about the system's
connection in terms of general
connection type (e.g., 'wifi', 'cellular', etc.).
... 28 (28) (yes) (yes) (yes) server-sent events allows a server to push data to a web page at any point, after a
connection has been opened to it.
XRInputSourceEvent() - Web APIs
selectend sent to an xrsession when an ongoing primary action ends, or when an input source with an ongoing primary action has been dis
connected from the system.
... squeezeend sent to an xrsession when an ongoing primary squeeze action ends or when an input source with an ongoing primary squeeze action is dis
connected.
XRInputSourceEvent - Web APIs
selectend sent to an xrsession when an ongoing primary action ends, or when an input source with an ongoing primary action has been dis
connected from the system.
... squeezeend sent to an xrsession when an ongoing primary squeeze action ends or when an input source with an ongoing primary squeeze action is dis
connected.
XRInputSourcesChangeEvent - Web APIs
properties added read only an array of zero or more xrinputsource objects, each representing an input device which has been newly
connected or enabled for use.
... removed read only an array of zero or more xrinputsource objects representing the input devices newly
connected or enabled for use.
Web APIs
tallevent installtrigger intersectionobserver intersectionobserverentry interventionreportbody k keyboard keyboardevent keyboardlayoutmap keyframeeffect keyframeeffectoptions l largestcontentfulpaint layoutshift layoutshiftattribution linearaccelerationsensor linkstyle localfilesystem localfilesystemsync localmediastream location lock lockmanager lockedfile m midiaccess midi
connectionevent midiinput midiinputmap midimessageevent midioutputmap mscandidatewindowhide mscandidatewindowshow mscandidatewindowupdate msgestureevent msgraphicstrust msmanipulationevent msrangecollection mssitemodeevent magnetometer mathmlelement mediacapabilities mediacapabilitiesinfo mediaconfiguration mediadecodingconfiguration mediadeviceinfo mediadevices mediaelementaudiosourcenode me...
...rstats rtcicecandidatestats rtcicecandidatetype rtcicecomponent rtcicecredentialtype rtcicegathererstate rtciceparameters rtciceprotocol rtcicerole rtciceserver rtcicetcpcandidatetype rtcicetransport rtcicetransportstate rtcidentityassertion rtcidentityerrorevent rtcidentityevent rtcinboundrtpstreamstats rtcnetworktype rtcofferansweroptions rtcofferoptions rtcoutboundrtpstreamstats rtcpeer
connection rtcpeer
connectioniceerrorevent rtcpeer
connectioniceevent rtcremoteoutboundrtpstreamstats rtcrtcpparameters rtcrtpcapabilities rtcrtpcodeccapability rtcrtpcodecparameters rtcrtpcontributingsource rtcrtpencodingparameters rtcrtpparameters rtcrtpreceiveparameters rtcrtpreceiver rtcrtpsendparameters rtcrtpsender rtcrtpstreamstats rtcrtpsynchronizationsource rtcrtptransceiver rtcrtptransceiverdir...
ARIA: tab role - Accessibility
when an element with the tabpanel role has focus, or a child of it has focus, that indicates that the
connected element with the tab role is the active tab in a tablist.
...there is some basic styling applied that restyles the buttons and changes the z-index to of tab elements to give the illusion of it
connecting to the tabpanel for active elements, and the illusion that inactive elements are behind the active tabpanel.
Ordering Flex Items - CSS: Cascading Style Sheets
to read more about this dis
connect of visual order and logical order and some of the potential problems it raises for accessibility, see the following resources.
... flexbox and the keyboard navigation dis
connect html source order vs css display order the responsive order conflict for keyboard focus use cases for order there are sometimes places where the fact that the logical and therefore reading order of flex items is separate from the visual order, is helpful.
flex-direction - CSS: Cascading Style Sheets
accessibility concerns using the flex-direction property with values of row-reverse or column-reverse will create a dis
connect between the visual presentation of content and dom order.
... flexbox & the keyboard navigation dis
connect — tink source order matters | adrian roselli mdn understanding wcag, guideline 1.3 explanations understanding success criterion 1.3.2 | w3c understanding wcag 2.0 formal definition initial valuerowapplies toflex containersinheritednocomputed valueas specifiedanimation typediscrete formal syntax row | row-reverse | column | column-reverse examples reversing flex container columns and rows html <h4>this is a column-reverse</h4> <div id="content"> <div class="box" style="background-color:red;">...
order - CSS: Cascading Style Sheets
accessibility concerns using the order property will create a dis
connect between the visual presentation of content and dom order.
... flexbox & the keyboard navigation dis
connect — tink source order matters | adrian roselli mdn understanding wcag, guideline 1.3 explanations understanding success criterion 1.3.2 | w3c understanding wcag 2.0 formal definition initial value0applies toflex items and absolutely-positioned flex container childreninheritednocomputed valueas specifiedanimation typean integer formal syntax <integer> examples ordering items in a flex container this example uses css to create a classic two-sidebar layout surrounding a content block.
Cross-browser audio basics - Developer guides
this is generally not a good option unless you can guarantee your users will have a fast network
connection.
... first, let's take a look at the media loading process in order: loadstart the loadstart event tells us simply that load process has started and the browser is
connecting to the media.
Audio and Video Delivery - Developer guides
{ context = new audiocontext(); request = new xmlhttprequest(); request.open("get","http://jplayer.org/audio/mp3/riomez-01-sleep_together.mp3",true); request.responsetype = "arraybuffer"; request.onload = function() { context.decodeaudiodata(request.response, function(buffer) { source = context.createbuffersource(); source.buffer = buffer; source.
connect(context.destination); // auto play source.start(0); // start was previously noteon }); }; request.send(); } catch(e) { alert('web audio api not supported'); } in this example we retrieve an mp3 file via xhr, load it into a source and play it (try it for yourself).
... to grab the stream from your webcam, first set up a <video> element: <video id="webcam" width="480" height="360"></video> next, if supported
connect the webcam source to the video element: if (navigator.mediadevices) { navigator.mediadevices.getusermedia({ video: true, audio: false }) .then(function onsuccess(stream) { var video = document.getelementbyid('webcam'); video.autoplay = true; video.srcobject = stream; }) .catch(function onerror() { alert('there has been a problem retreiving the streams - are you running on...
HTML attribute: rel - HTML: Hypertext Markup Language
external resource not allowed not allowed pre
connect specifies that the user agent should preemptively
connect to the target resource's origin.
... pre
connect specifies that the user agent should preemptively
connect to the target resource's origin.
HTML: Hypertext Markup Language
"hypertext" refers to links that
connect web pages to one another, either within a single website or between websites.
...html documents are
connected to each other with links.
Compression in HTTP - HTTP
compression happens at three different levels: first some file formats are compressed with specific optimized methods, then general encryption can happen at the http level (the resource is transmitted compressed from end to end), and finally compression can be defined at the
connection level, between two nodes of an http
connection.
...
connections between successive intermediate nodes may apply a different compression.
CSP: default-src - HTTP
for each of the following directives that are absent, the user agent looks for the default-src directive and uses this value for it: child-src
connect-src font-src frame-src img-src manifest-src media-src object-src prefetch-src script-src script-src-elem script-src-attr style-src style-src-elem style-src-attr worker-src csp version 1 directive type fetch directive syntax one or more sources can be allowed for the default-src policy: content-security-policy: default-src <source>; content-security-policy: default-src <source> <source>; sources <source> can be one of the following: <host-source> internet hosts by name or ...
...the following header: content-security-policy: default-src 'self'; script-src https://example.com is the same as: content-security-policy:
connect-src 'self'; font-src 'self'; frame-src 'self'; img-src 'self'; manifest-src 'self'; media-src 'self'; object-src 'self'; script-src https://example.com; style-src 'self'; wor...
Expect-CT - HTTP
browsers ignore the expect-ct header over http; the header only has effect on https
connections.
... enforce optional signals to the user agent that compliance with the certificate transparency policy should be enforced (rather than only reporting compliance) and that the user agent should refuse future
connections that violate its certificate transparency policy.
Transfer-Encoding - HTTP
each segment of a multi-node
connection can use different transfer-encoding values.
... if you want to compress data over the whole
connection, use the end-to-end content-encoding header instead.
OPTIONS - HTTP
options /resources/post-here/ http/1.1 host: bar.example accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 accept-language: en-us,en;q=0.5 accept-encoding: gzip,deflate
connection: keep-alive origin: https://foo.example access-control-request-method: post access-control-request-headers: x-pingother, content-type the server now can respond if it will accept a request under these circumstances.
... http/1.1 204 no content date: mon, 01 dec 2008 01:15:39 gmt server: apache/2.0.61 (unix) access-control-allow-origin: https://foo.example access-control-allow-methods: post, get, options access-control-allow-headers: x-pingother, content-type access-control-max-age: 86400 vary: accept-encoding, origin keep-alive: timeout=2, max=100
connection: keep-alive specifications specification title rfc 7231, section 4.3.7: options hypertext transfer protocol (http/1.1): semantics and content ...
HTTP request methods - HTTP
connect the
connect method establishes a tunnel to the server identified by the target resource.
... specifications specification title comment rfc 7231, section 4: request methods hypertext transfer protocol (http/1.1): semantics and content specifies get, head, post, put, delete,
connect, options, trace.
Network Error Logging - HTTP
tcp.timed_out tcp
connection to the server timed out tcp.closed the tcp
connection was closed by the server tcp.reset the tcp
connection was reset tcp.refused the tcp
connection was refused by the server tcp.aborted the tcp
connection was aborted tcp.address_invalid the ip address is invalid tcp.address_unreachable the ip address is unreachable tcp.failed the tcp
connection failed due to reasons not covered ...
...by previous errors http.error the user agent successfully received a response, but it had a 4xx or 5xx status code http.protocol.error the
connection was aborted due to an http protocol error http.response.invalid response is empty, has a content-length mismatch, has improper encoding, and/or other conditions that prevent user agent from processing the response http.response.redirect_loop the request was aborted due to a detected redirect loop http.failed the
connection failed due to errors in http protocol not covered by previous errors specifications specification network error logging ...
HTTP
http follows a classical client-server model, with a client opening a
connection to make a request, then waiting until it receives a response.
...
connection management in http/1.x describes the three
connection management models available in http/1.x, their strengths, and their weaknesses.
Lexical grammar - JavaScript
unicode format-control characters code point name abbreviation description u+200c zero width non-joiner <zwnj> placed between characters to prevent being
connected into ligatures in certain languages (wikipedia).
... u+200d zero width joiner <zwj> placed between characters that would not normally be
connected in order to cause the characters to be rendered using their
connected form in certain languages (wikipedia).
Optional chaining (?.) - JavaScript
the optional chaining operator (?.) permits reading the value of a property located deep within a chain of
connected objects without having to expressly validate that each reference in the chain is valid.
... syntax obj?.prop obj?.[expr] arr?.[index] func?.(args) description the optional chaining operator provides a way to simplify accessing values through
connected objects when it's possible that a reference or function may be undefined or null.
JavaScript shells - JavaScript
javascript shell (js) - a command line interpreter for javascript xpcshell is an xp
connect - enabled shell, sometimes useful for mozilla development.
... mozrepl -
connect to firefox and other mozilla apps, explore and modify them from the inside, while they're running.
Web audio codec guide - Web media technologies
internet explorer opera safari g.711 support 23[1] 15[1] 22[1] no 43[1] 11[1] container support 3gp rtp / webrtc compatible yes licensing all applicable patents have expired, so g.711 is free to use without restriction [1] g.711 is supported only for webrtc
connections.
... g.722 is primarily used with webrtc
connections, as it's one of the audio codecs mandated by the webrtc specification.
Performance budgets - Web Performance
in order to begin, you need to first measure the devices and
connection speeds where your users are coming from (e.g.
... a ~$200 android device over a 3g
connection), using multiple tools.
points - SVG: Scalable Vector Graphics
note: a polyline is an open shape, meaning the last point is not
connected to the first point.
... note: a polygon is a closed shape, meaning the last point is
connected to the first point.
<metadata> - SVG: Scalable Vector Graphics
example <svg width="400" viewbox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <metadata> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:
connect="http://www.w3.org/1999/08/29-svg-
connections-in-rdf#"> <rdf:description about="#cablea"> <
connect:ends rdf:resource="#socket1"/> <
connect:ends rdf:resource="#computera"/> </rdf:description> <rdf:description about="#cableb"> <
connect:ends rdf:resource="#socket2"/> <
connect:ends rdf:resource="#computerb"/> </rdf:description> <rdf:descri...
...ption about="#cablen"> <
connect:ends rdf:resource="#socket5"/> <
connect:ends>everything</
connect:ends> </rdf:description> <rdf:description about="#hub"> <
connect:ends rdf:resource="#socket1"/> <
connect:ends rdf:resource="#socket2"/> <
connect:ends rdf:resource="#socket3"/> <
connect:ends rdf:resource="#socket4"/> <
connect:ends rdf:resource="#socket5"/> </rdf:description> </rdf:rdf> </metadata> <title>network</title> <desc>an example of a computer network based on a hub.</desc> <style> svg { /* default styles to be inherited */ fill: white; stroke: black; } text { fill: black; stroke: none; } path { fill: none; } </style> <!-- define symbols used in the svg --> <defs> ...
<polyline> - SVG: Scalable Vector Graphics
the <polyline> svg element is an svg basic shape that creates straight lines
connecting several points.
... typically a polyline is used to create open shapes as the last point doesn't have to be
connected to the first point.
Web security
connection security transport security layer (tls) the transport layer security (tls) protocol is the standard for enabling two networked applications or devices to exchange information privately and robustly.
...this secure
connection allows clients to be sure that they are
connected with the intended server, and to exchange sensitive data.
panel - Archive of obsolete content
security warning pages (the "this
connection is untrusted" warning) does not work, so panels which trigger it will be broken (bug 1031554).
Storing annotations - Archive of obsolete content
finally we need to
connect this to the widget's right-click message: var widget = widgets.widget({ id: 'toggle-switch', label: 'annotator', contenturl: data.url('widget/pencil-off.png'), contentscriptwhen: 'ready', contentscriptfile: data.url('widget/widget.js') }); widget.port.on('left-click', function() { console.log('activate/deactivate'); widget.contenturl = toggleactivation() ?
Local Storage - Archive of obsolete content
there are two paths you can take when creating the local database you'll be using for your extension: generate the database file (through mozistorageservice.opendatabase(), all tables (through mozistorage
connection.createtable(), and initial data when your extension starts up for the first time.
XUL School Tutorial - Archive of obsolete content
arted with firefox extensions the essentials of an extension setting up a development environment javascript object management basic functionality adding menus and submenus adding toolbars and toolbar buttons adding events and commands adding windows and dialogs adding sidebars user notifications and alerts intermediate functionality intercepting page loads
connecting to remote content handling preferences local storage advanced topics the box model xpcom objects observer notifications custom xul elements with xbl mozilla documentation roadmap useful mozilla community sites appendices appendix a: add-on performance appendix b: install and uninstall scripts appendix c: avoiding using eval in add-ons appendix d: loadi...
MMgc - Archive of obsolete content
class myfinalizedobject : public mmgc::gcfinalizedobject { public: ~myfinalizedobject() { // do finalization behavior, like closing network
connections, // freeing unmanaged memory owned by this object, etc.
JavaScript Client API - Archive of obsolete content
please note that usage of the sync apis is governed by a terms of service: by accessing or using the firefox sync apis in
connection with the development of your own client software to access the firefox sync services (a “third party client”), you acknowledge that you will need to install and use a local version of the firefox sync server for multiple account testing and that any use of mozilla’s hosted firefox sync services is subject to mozilla’s firefox sync terms of service at https://services.mozilla.com/tos/.
HTTP Class Overview - Archive of obsolete content
nshttphandler implements nsiprotocolhandler manages preferences owns the authentication cache holds references to frequently used services nshttpchannel implements nsihttpchannel talks to the cache initiates http transactions processes http response codes intercepts progress notifications nshttp
connection implements nsistreamlistener & nsistreamprovider talks to the socket transport service feeds data to its transaction object routes progress notifications nshttp
connectioninfo identifies a
connection nshttptransaction implements nsirequest encapsulates a http request and response parses incoming data nshttpchunkeddecoder owned by a transaction strips chunked transfer enc...
JavaScript crypto - Archive of obsolete content
this also means the ssl client authentication state will be erased for ssl sites with client authentication, and a client certificate prompt will appear again the next time the user
connects to the site.
jspage - Archive of obsolete content
tion:-1})).write("");return this;}});cookie.write=function(b,c,a){return new cookie(b,a).write(c); };cookie.read=function(a){return new cookie(a).read();};cookie.dispose=function(b,a){return new cookie(b,a).dispose();};var swiff=new class({implements:[options],options:{id:null,height:1,width:1,container:null,properties:{},params:{quality:"high",allowscriptaccess:"always",wmode:"transparent",swlive
connect:true},callbacks:{},vars:{}},toelement:function(){return this.object; },initialize:function(l,m){this.instance="swiff_"+$time();this.setoptions(m);m=this.options;var b=this.id=m.id||this.instance;var a=document.id(m.container); swiff.callbacks[this.instance]={};var e=m.params,g=m.vars,f=m.callbacks;var h=$extend({height:m.height,width:m.width},m.properties);var k=this;for(var d in f){swiff.callbac...
Plug-n-Hack - Archive of obsolete content
for example, to configure a browser to use an intercepting proxy that can handle https traffic, the user must typically: configure their browser to proxy via the tool configure the tool to proxy via their corporate proxy import the tool’s ssl certificate into their browser if any of these steps are carried out incorrectly then the browser will typically fail to
connect to any website – debugging such problems can be frustrating and time-consuming.
Bundles - Archive of obsolete content
how-to here is a simple way to build a basic web application bundle: create file called webapp.ini that contains something like: [parameters] id=unique-app-id@unique-author-id.whatever name=webapp name uri=http://[the-url-what-you-want-to-
connect-to]/ status=yes location=no sidebar=no navigation=no zip the file to [whatever].webapp double-click the webapp bundle or use prism -webapp [path-to-webapp] structure a bundle can contain the following files.
Binding Attachment and Detachment - Archive of obsolete content
for example, given a binding d1, with an explicit inheritance chain of d1 -> d2 -> d3 if this element is attached to an element using element.style.mozbinding that already has a binding chain of s1 -> s2 -> s3 the resulting binding chain following the addition of the binding is d1 -> d2 -> d3 -> s1 -> s2 -> s3 the inheritance between d3 and s1 is implicit, meaning that there is no
connection in the xbl documents between the two bindings.
statustext - Archive of obsolete content
example <!-- sets the status message when mouse is over buttons --> <button label="
connect" statustext="
connect to remote server" onmouseover="setstatusmessage(this)" onmouseout="clearstatusmessage()"/> <button label="ping" statustext="ping the server" onmouseover="setstatusmessage(this)" onmouseout="clearstatusmessage()"/> <statusbar> <statusbarpanel id="mystatuspanel" label="" flex="1"/> <spacer flex="1"/> </statusbar> <script> function setstatusmessage(obj){ docu...
Complete - Archive of obsolete content
a preference setting in defaults/preferences/allcustom.js makes the
connection between the description and the properties file, specifying the url: chrome://allcustom/locale/install.properties again, the application's chrome registry converts this url to the correct file for the locale you are using.
colorpicker - Archive of obsolete content
ow" title="find files" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="text/javascript"> function myfunction(e){ /* do something cool here or just say the below */ alert(e.target.nodename); } </script> <textbox id="find-text" onchange="return myfunction(event);"/> </window> preference type: id
connects the element to a corresponding preference.
hbox - Archive of obsolete content
example <!-- two button on the right --> <hbox> <spacer flex="1"/> <button label="
connect"/> <button label="ping"/> </hbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, p...
tab - Archive of obsolete content
if this attribute is not used, the tab will be
connected to the panel at the corresponding index in the tabpanels element that the tab is in its tabs container.
Debugging a XULRunner Application - Archive of obsolete content
er.initialized) { debuggerserver.init(); debuggerserver.addbrowseractors(); debuggerserver.allowchromeprocess = true; } let dbglistener=debuggerserver.createlistener(); dbglistener.portorpath=6000; dbglistener.open(); add the following to your prefs.js: (in recent ffox, edit about:config instead) pref("devtools.debugger.remote-enabled", true); in firefox, go to tools > web developer >
connect...
2006-12-01 - Archive of obsolete content
discussions protocol security daniele rizzo posted a question as to whether or not it is possible to enable/disable the privilege of universalxp
connect in a 'entire' protocol (http://, file://).
2006-12-01 - Archive of obsolete content
peter wilson's reply was to add a method that does the deleting with a native implementation that releases the resources held by the object as seen in this database interface: var mydbase = new pgsql
connection; mydbase.
connect("database"); mydbase.exec("select * from mytable where ..."); // use the result data - (native implementation function) mydbase.close() spidermonkey for server side inquiry about why javascript hasn't caught on for general server-side scripting.
NPP_NewStream - Archive of obsolete content
as an optimization to extract the maximum benefit from existing network
connections, the browser continues to read data sequentially out of the stream (as in mode np_normal) until the first npn_requestread call is made.
Adobe Flash - Archive of obsolete content
of fscommands demonstrated in example 3: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" id="myflash" width="250" height="150" viewastext> <param name="movie" value="js2flash.swf" /> <param name="quality" value="high"></param> <embed src="js2flash.swf" width="250" height="150" swlive
connect="true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="myflash"> </embed> </object> .....
References - Archive of obsolete content
from web standards project web standards group from web standards group web page development: best practices from apple developer
connection mozilla web author faq from henri sivonen making your web page compatible with mozilla from nicolás lichtmaier complete css guide from westciv.com css lessons and tutorials from alsacreations html and css lessons and tutorials from htmldog.com preparing for standard-compliant browsers, part 1 from makiko itoh preparing for standard-compliant browsers, part 2 from makiko itoh javascript best practices lists 15 o...
New in JavaScript 1.1 - Archive of obsolete content
--> new features in javascript 1.1 new objects array boolean function number new properties number.max_value number.min_value nan number.negative_infinity number.positive_infinity new methods array.prototype.join() array.prototype.reverse() array.prototype.sort() array.prototype.split() new operators typeof void other new features <noscript> live
connect.
New in JavaScript 1.4 - Archive of obsolete content
new features in javascript 1.4 exception handling (throw and try...catch) in operator instanceof operator changed functionality in javascript 1.4 eval() changes (cannot be called indirectly and no longer a method of object) arguments not a property of functions deprecated function.arity in favor of function.length changes to live
connect ...
XQuery - Archive of obsolete content
notes for developers wishing to access xquery in their own extensions at present, the extension works simply by using live
connect to work with berkeley db xml's java api (and via a java wrapper class which circumvents live
connect's current inability to handle some types of java exceptions properly).
Anatomy of a video game - Game development
modern versions of firefox and google chrome (and probably others) attempt to
connect requestanimationframe callbacks to their main thread at the very beginning of a frame's timeslice.
Index - Game development
we have successfully implemented gamepad controls in our game — try
connecting any popular controller like the xbox 360 one and see for yourself how fun it is to avoid the asteroids and shoot the aliens with a gamepad.
Audio for Web games - Game development
let offset = 0; function playtrack(audiobuffer) { const tracksource = audioctx.createbuffersource(); tracksource.buffer = audiobuffer; tracksource.
connect(audioctx.destination) if (offset == 0) { tracksource.start(); offset = audioctx.currenttime; } else { tracksource.start(0, audioctx.currenttime - offset); } return tracksource; } finally, let's loop over our <li> elements, grab the correct file for each one and then allow playback by hiding the "loading" text and displaying the play button: trackels.foreach((el, i) => { ...
Finishing up - Game development
drawlives(); improving rendering with requestanimationframe() now let's work on something that is not
connected to the game mechanics, but to the way it is being rendered.
Plug-in Development Overview - Gecko Plugin API Reference
an advancetonextsong() method called inside the script element: <object id="myplugin" type="audio/wav" data="music.wav"> </object> <script type="application/javascript"> var theplugin = document.getelementbyid('myplugin'); if (theplugin && theplugin.advancetonextsong) theplugin.advancetonextsong(); else alert("plugin not installed correctly"); </script> in the past, live
connect and later xp
connect were used to make plug-ins scriptable.
Distributed Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
the united states computer emergency readiness team (us-cert) defines symptoms of denial-of-service attacks to include: unusually slow network performance (opening files or accessing websites) unavailability of a particular website inability to access any website dramatic increase in the number of spam emails received—(this type of dos attack is considered an email bomb) dis
connection of a wireless or wired internet
connection longterm denial of access to the web or any internet services learn more general knowledge denial-of-service attack on wikipedia ...
Forbidden header name - MDN Web Docs Glossary: Definitions of Web-related terms
forbidden header names start with proxy- or sec-, or are one of the following names: accept-charset accept-encoding access-control-request-headers access-control-request-method
connection content-length cookie cookie2 date dnt expect feature-policy host keep-alive origin proxy- sec- referer te trailer transfer-encoding upgrade via note: the user-agent header is no longer forbidden, as per spec — see forbidden header name list (this was implemented in firefox 43) — it can now be set in a fetch headers object, or via xhr setrequestheader().
HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
a basic request with one header: get /example.http http/1.1 host: example.com redirects have mandatory headers (location): 302 found location: /newpage.html a typical set of headers: 304 not modified access-control-allow-origin: * age: 2318192 cache-control: public, max-age=315360000
connection: keep-alive date: mon, 18 jul 2016 16:06:00 gmt server: apache vary: accept-encoding via: 1.1 3dc30c7222755f86e824b93feb8b5b8c.cloudfront.net (cloudfront) x-amz-cf-id: tol0fem6ui4fgldrkjx0vao5hpkkgzulyn2twd2gawltr7vlnjtvzw== x-backend-server: developer6.webapp.scl3.mozilla.com x-cache: hit from cloudfront x-cache-info: cached ...
ISP - MDN Web Docs Glossary: Definitions of Web-related terms
an isp (internet service provider) sells internet access, and sometimes email, web hosting, and voice over ip, either by a dial-up
connection over a phone line (formerly more common), or through a broadband
connection such as a cable modem or dsl service.
Preflight request - MDN Web Docs Glossary: Definitions of Web-related terms
w a delete request, before sending a delete request, by using a preflight request: options /resource/foo access-control-request-method: delete access-control-request-headers: origin, x-requested-with origin: https://foo.bar.org if the server allows it, then it will respond to the preflight request with an access-control-allow-methods response header, which lists delete: http/1.1 204 no content
connection: keep-alive access-control-allow-origin: https://foo.bar.org access-control-allow-methods: post, get, options, delete access-control-max-age: 86400 the preflight response can be optionally cached for the requests created in the same url using access-control-max-age header like in the above example.
Request header - MDN Web Docs Glossary: Definitions of Web-related terms
a few request headers after a get request: get /home.html http/1.1 host: developer.mozilla.org user-agent: mozilla/5.0 (macintosh; intel mac os x 10.9; rv:50.0) gecko/20100101 firefox/50.0 accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 accept-language: en-us,en;q=0.5 accept-encoding: gzip, deflate, br referer: https://developer.mozilla.org/testpage.html
connection: keep-alive upgrade-insecure-requests: 1 if-modified-since: mon, 18 jul 2016 02:36:04 gmt if-none-match: "c561c68d0ba92bbeb8b0fff2a9199f722e3a621a" cache-control: max-age=0 strictly speaking, the content-length header in this example is not a request header like the others, but an entity header: post /myform.html http/1.1 host: developer.mozilla.org user-agent: mozilla/5.0 (macintosh; intel ...
Response header - MDN Web Docs Glossary: Definitions of Web-related terms
note that strictly speaking, the content-encoding and content-type headers are entity header: 200 ok access-control-allow-origin: *
connection: keep-alive content-encoding: gzip content-type: text/html; charset=utf-8 date: mon, 18 jul 2016 16:06:00 gmt etag: "c561c68d0ba92bbeb8b0f612a9199f722e3a621a" keep-alive: timeout=5, max=997 last-modified: mon, 18 jul 2016 02:36:04 gmt server: apache set-cookie: mykey=myvalue; expires=mon, 17-jul-2017 16:06:00 gmt; max-age=31449600; path=/; secure transfer-encoding: chunked vary: cookie, accept...
SCTP - MDN Web Docs Glossary: Definitions of Web-related terms
sctp (stream control transmission protocol) is an ietf standard for a transport protocol which enables the reliable, in-order transmission of messages while offering congestion control, multi-homing, and other features to improve reliability and stability of the
connection.
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
} } else if (href.match(/#$/, '') || href.match(/^#/, '')) { alert('fragment identifiers are disallowed in an xinclude "href" attribute'); return false; } var j; var xincludeparent = xinclude.parentnode; try { netscape.security.privilegemanager.enableprivilege('universalxp
connect universalbrowserread'); // necessary with file:///-located files trying to reach external sites if (href !== null) { var response, responsetype; var request = new xmlhttprequest(); request.open('get', href, false); request.setrequestheader('if-modified-since', 'thu, 1 jan 1970 00:00:00 gmt'); ...
MDN Web Docs Glossary: Definitions of Web-related terms
document environment dom (document object model) domain domain name domain sharding dominator dos attack dtls (datagram transport layer security) dtmf (dual-tone multi-frequency signaling) dynamic programming language dynamic typing e ecma ecmascript effective
connection type element empty element encapsulation encryption endianness engine entity entity header event exception expando f fallback alignment falsy favicon fetch directive fetch metadata request header firefox os firewall ...
Accessible multimedia - Learn web development
as well as giving deaf users access to the information contained in the audio, think about a user with a low bandwidth
connection, who would find downloading the audio inconvenient.
CSS FAQ - Learn web development
it is generally recommended to use classes as much as possible, and to use ids only when absolutely necessary for specific uses (like to
connect label and form elements or for styling elements that must be semantically unique): using classes makes your styling extensible — even if you only have one element to style with a particular ruleset now, you might want to add more later.
What is accessibility? - Learn web development
the basics of web accessibility a few necessities for basic web accessibility include: whenever your site needs an image to convey meaning, include text as an alternative for visually-challenged users or those with slow
connections.
Images in HTML - Learn web development
its value is supposed to be a textual description of the image, for use in situations where the image cannot be seen/displayed or takes a long time to render because of a slow internet
connection.
HTML table basics - Learn web development
a table allows you to quickly and easily look up values that indicate some kind of
connection between different types of data, for example a person and their age, or a day of the week, or the timetable for a local swimming pool.
Server-side web frameworks - Learn web development
a full-stack http and websocket client/server implementation with ipv6, tls, sni, idna, http/socks5 proxy, unix domain socket, comet (long polling), keep-alive,
connection pooling, timeout, cookie, multipart, and gzip compression support.
Getting started with Svelte - Learn web development
nevertheless, svelte is particularly appropriate to tackle the following situations: web applications intended for low power devices: applications built with svelte have smaller bundle sizes, which is ideal for devices with slow network
connections and limited processing power.
Styling Vue components with CSS - Learn web development
order-width: 0 0 5px 5px; border-top-color: transparent; opacity: 0; background: transparent; } .custom-checkbox > input[type="checkbox"]:checked + label::after { opacity: 1; } @media only screen and (min-width: 40rem) { label, input, .custom-checkbox { font-size: 19px; font-size: 1.9rem; line-height: 1.31579; } } now we need to add some css classes to our template to
connect the styles.
Handling common accessibility problems - Learn web development
common accessibility issues in this section we'll detail some of the main issues that arise around web accessibility,
connected with specific technologies, along with best practices to follow, and some quick tests you can do to see if your sites are going in the right direction.
Handling common HTML and CSS problems - Learn web development
resolution is a big issue too — for example, mobile devices are less likely to need big heavy images than desktop computers, and are more likely to have slower internet
connections and possibly even expensive data plans that make wasted bandwidth more of a problem.
Android-specific test suites
local unit tests are the fastest to develop and execute, but they can only test java code; there's no
connection to the gecko rendering engine.
What to do and what not to do in Bugzilla
mozilla applications like the application suite, thunderbird, or firefox share most of their program code and all of the backend code including things like network
connectivity (ftp, http, imap) and html rendering.
Debugging JavaScript
(note that before firefox 28, this was labeled "browser debugger" and only the debugger was available, not the whole toolbox.) note that you must accept the incoming
connection : (you may disable the pop-up above with the devtools.debugger.prompt-
connection set to false in about:config.
pymake
this should come back with "no makefile found." if it does, your pymake alias is
connected and you are ready to type in pymake -f client.mk to start the build.
Eclipse CDT
out of the box, you may/will get gdb
connection timeouts.
Experimental features in Firefox
nightly 60 no developer edition 60 no beta 60 no release 60 no preference name security.insecure_
connection_text.enabled for normal browsing mode; security.insecure_
connection_text.pbmode.enabled for private browsing mode upgrading mixed display content when enabled, this preference causes firefox to automatically upgrade requests for media content from http to https on secure pages.
mozbrowsererror
possible values are: fatal(crash) unknownprotocolfound filenotfound dnsnotfound
connectionfailure netinterrupt nettimeout cspblocked phishingblocked malwareblocked unwantedblocked offline malformeduri redirectloop unknownsockettype netreset notcached isprinting deniedportaccess proxyresolvefailure proxy
connectfailure contentencodingfailure remotexul unsafecontenttype corruptedcontenterror certerror other example var browser = docume...
mozbrowsersecuritychange
the mozbrowsersecuritychange event is fired when the browser <iframe> has
connected to the server, and when the mixed content state changes.
Script security
the arrow
connecting principals a and b means "a subsumes b".
Geckoview-Junit Tests
running tests locally if desired,
connect an android device to your computer, or start an emulator, and make sure your device is visible to adb: $ adb devices list of devices attached emulator-5554 device if no device is found, 'mach geckoview-junit' will offer to start an emulator.
IME handling guide
then, converts each clause with chinese characters: "私の", "名前は" and "中野です" (in the following screenshot each clause is underlined and not
connected adjacently.
OS.File for the main thread
this is considerably slower (not just for the application but for the whole system) and more battery expensive but also safer: if the system shuts down improperly (typically due to a kernel freeze or a power failure) or if the device is dis
connected before the buffer is flushed, the file has more chances of not being corrupted.
PromiseWorker.jsm
// dispatch a call to method `method` with args `args` return self[method](...args); }; worker.postmessage = function(...args) { // post a message to the main thread self.postmessage(...args); }; worker.close = function() { // close the worker self.close(); }; worker.log = function(...args) { // log (or discard) messages (optional) dump('worker: ' + args.join(' ') + '\n'); }; //
connect it to message port.
Webapps.jsm
p: function(aid, aispreinstalled) updateofflinecacheforapp: function(aid) installpreinstalledapp: function installpreinstalledapp(aid) removeifhttpsduplicate: function(aid) installsystemapps: function() loadandupdateapps: function() updatedatastore: function(aid, aorigin, amanifesturl, amanifest) _registersystemmessagesforentrypoint: function(amanifest, aapp, aentrypoint) _registerinterapp
connectionsforentrypoint: function(amanifest, aapp,) _registersystemmessages: function(amanifest, aapp) _registerinterapp
connections: function(amanifest, aapp) _createactivitiestoregister: function(amanifest, aapp, aentrypoint, arunupdate) _registeractivitiesforapps: function(aappstoregister, arunupdate) _registeractivities: function(amanifest, aapp, arunupdate) _createactivitiestounregister: funct...
QA phase
enter the following command: hg push http://hg.mozilla.org/l10n-central/x-testing mercurial will
connect to your repo and ask you to provide your account information (i.e., the username and the password).
SVN for Localizers
also, we use https instead of http because changes can only be pushed back to the mozilla svn repository through a secure
connection.
Mozilla Port Blocking
"access to the port number given has been disabled for security reasons." "establishing a
connection to an unsafe or otherwise banned port was prohibited" "0x804b0013 (ns_error_port_access_not_allowed)" if your product or web site uses a port which is blocked by mozilla's default port blocking rules, you can either change the port of your service to a unblocked value (recommended if possible) or ask your mozilla users to enable the port.
Mozilla Web Developer FAQ
this document answers questions that web authors ask frequently specifically in
connection with firefox and other gecko-based browsers.
Research and prep
e-commerce search these search engines should allow users to get
connected to new and used products they want to buy as quickly and painlessly as possible in a "trusted" site -- for example, choosing the most popular auction, general shopping, or classified type sites that have the desired user experience are good choices.
Debugging out-of-memory problems
firefox android on firefox android, an about:memory dump may be triggered from a
connect desktop machine with the command: adb shell am broadcast -a org.mozilla.gecko.memory_dump the location of the dump file will be printed to the android log (viewed with adb logcat | grep geckoconsole) and can be retrieved via adb pull.
Named Shared Memory
shared memory protocol named shared memory functions shared memory protocol using named shared memory functions pr_opensharedmemory creates the shared memory segment, if it does not already exist, or opens a
connection with the existing shared memory segment if it already exists.
PRLinger
if polarity is set to pr_true and linger is set to 0 (pr_interval_no_wait), the runtime aborts the
connection when it is closed and discards any data remaining in the socket send buffer.
NSS 3.12.4 release notes
ove des and sha512 for x86_64 platform bug 433791: win16 support should be deleted from nss bug 449332: secu_parsecommandline does not validate its inputs bug 453735: when using cert9 (sqlite3) db, set or change master password fails bug 463544: warning: passing enum* for an int* argument in pkix_validate.c bug 469588: coverity errors reported for softoken bug 470055: pkix_httpcertstore_findsocket
connection reuses closed socket bug 470070: multiple object leaks reported by tinderbox bug 470479: io timeout during cert fetching makes libpkix abort validation.
NSS 3.14.2 release notes
(https://bugzilla.mozilla.org/show_bug.cgi?id=816853) bug 772144 - basic support for running nss test suites on android devices.this is currently limited to running tests from a linux host machine using an ssh
connection.
NSS 3.14 release notes
when
connecting to a server, the record layer version of the initial clienthello will be at most { 3, 1 } (tls 1.0), even when attempting to negotiate tls 1.1 (https://bugzilla.mozilla.org/show_bug.cgi?id=774547) the choice of client_version sent during renegotiations has changed.
NSS 3.17.4 release notes
notable changes in nss 3.17.4 bug 1084986: if an ssl/tls
connection fails, because client and server don't have any common protocol version enabled, nss has been changed to report error code ssl_error_unsupported_version (instead of reporting ssl_error_no_cypher_overlap).
NSS 3.19.2.4 release notes
security fixes in nss 3.19.2.4 the following security fixes from nss 3.21 have been backported to nss 3.19.2.4: bug 1185033 / cve-2016-1979 - use-after-free during processing of der encoded keys in nss bug 1209546 / cve-2016-1978 - use-after-free in nss during ssl
connections in low memory bug 1190248 / cve-2016-1938 - errors in mp_div and mp_exptmod cryptographic functions in nss compatibility nss 3.19.2.4 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.25.1 release notes
previously, with rare server configurations, an md5 signature algorithm might have been selected for client authentication and caused the client to abort the
connection soon after.
NSS 3.26.2 release notes
previously, with rare server configurations, an md5 signature algorithm might have been selected for client authentication and caused the client to abort the
connection soon after.
NSS 3.27.1 release notes
this resulted in
connectivity failures, as some tls servers are version 1.3 intolerant, and failed to negotiate an earlier tls version with nss 3.27 clients.
NSS 3.28.2 release notes
bugs fixed in nss 3.28.2 bug 1334114 - nss 3.28 regression in signature scheme flexibility, causes
connectivity issue between ios 8 clients and nss servers with ecdsa certificates bug 1330612 - x25519 is the default curve for ecdhe in nss bug 1323150 - crash [@ readdbentry ] compatibility nss 3.28.2 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.29 release notes
nss 3.29 source distributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_29_rtm/src/ notable changes in nss 3.29 fixed a nss 3.28 regression in the signature scheme flexibility that causes
connectivity issues between ios 8 clients and nss servers with ecdsa certificates (bug1334114).
NSS 3.36.2 release notes
bugs fixed in nss 3.36.2 bug 1462303 -
connecting to a server that was recently upgraded to tls 1.3 would result in a ssl_rx_malformed_server_hello error.
NSS 3.37.1 release notes
bugs fixed in nss 3.37.1 bug 1462303 -
connecting to a server that was recently upgraded to tls 1.3 would result in a ssl_rx_malformed_server_hello error.
NSS sources building testing
the nss tests will start tcp/ip server tools on your computer, and in order for that to work, the nss test suite needs to know which hostname can be used by client tools to
connect to the server tools.
nss tech note4
include these files #include "ssl.h" #include "cert.h" get the handle of the cert associated with an ssl
connection certcertificate* cert = ssl_peercertificate(prfiledesc *fd); if ssl client, this will get you the server's cert handle; if ssl server, this will get you the client's cert handle if client auth is enabled certcertificate* cert = ssl_localcertificate(prfiledesc *fd); if ssl client, this will get you the client ...
Overview of NSS
the secure sockets layer (ssl) protocol allows mutual authentication between a client and server and the establishment of an authenticated and encrypted
connection.
PKCS11 FAQ
if i have a multipurpose token that supports all required pkcs #11 functions and provides rsa_pkcs and dsa mechanisms but but not aes, des or rc4, will nss use the token for the rsa_pkcs mechanisms and the nss internal pkcs #11 module for aes, des or rc4 when making an ssl
connection?
NSS PKCS11 Functions
description secmod_loadusermodule loads a new pkcs #11 module into nss and
connects it to the current nss trust infrastructure.
NSPR functions
users call nspr socket i/o functions to read from, write to, and shut down an ssl
connection, and to close an nspr file descriptor.
TLS Cipher Suite Discovery
in order to communicate securely, an tls client and tls server must agree on the cryptographic algorithms and keys that they will both use on the secured
connection.
NSS Tools
the ssltap tool does not decrypt data, but it shows things like the type of ssl message (clienthello, serverhello, etc) and
connection data (protocol version, cipher suite, etc).
Multithreading in Necko
socket transport thread (1) socket
connections are processed on a single background thread.
Proxies in Necko
this proxy info will only be used if it specifies a socks proxy, through which the
connection is then made.
Personal Security Manager (PSM)
these operations include setting up an ssl
connection, object signing and signature verification, certificate management (including issuance and revocation), and other common pki functions.
Rhino Examples
the live
connect.js script shows a sample usage of live
connect (java-to-javascript
connectivity).
Rhino requirements and limitations
limitations live
connect if a javaobject's field's name collides with that of a method, the value of that field is retrieved lazily, and can be counter-intuitively affected by later assignments: javaobj.fieldandmethod = 5; var field = javaobj.fieldandmethod; javaobj.fieldandmethod = 7; // now, field == 7 you can work around this by forcing the field value to be converted to a javascript type when you take its value: javaobj.fieldandmethod = 5; var field = javaobj.fieldandmethod + 0; // forc...
The JavaScript Runtime
(this caveat does not apply to scripts that use live
connect; the java values are wrapped and unwrapped as appropriate to conform to the above type constraints.) property access properties in javascript objects may be accessed using either string or numeric identifiers.
Scripting Java
ntegers we get an error because neither form of the method is closer to the argument types than the other: js> o.g(3,4) js:"<stdin>", line 2: the choice of java method overload.g matching javascript argument types (number,number) is ambiguous; candidate methods are: class java.lang.string g(java.lang.string,int) class java.lang.string g(int,java.lang.string) see java method overloading and live
connect 3 for a more precise definition of overloading semantics.
Rhino serialization
serialization provides a way to save the state of an object and write it out to a file or send it across a network
connection.
Rhino shell
readurl(url [, charactercoding]) open an input
connection to the given string url, read all its bytes and convert them to a string using the specified character coding or default character coding if explicit coding argument is not given.
Index
the returned string lives as long as fun, so you don't need to root a saved reference to it if fun is well-
connected or rooted, and provided you bound the use of the saved reference by fun's lifetime.
Invariants
however, there is another internal api, js::switchtocompartment, that lets you break this invariant, and of course in xp
connect we use that from time to time when we know we aren't going to be creating any new objects (other than global objects, which have no parent or prototype) or doing anything that might call back into native code that could create objects.
JSClass.flags
this is only meaningful if spidermonkey is built with xp
connect and the jsclass_has_private flag is also set.
JS_ClearNewbornRoots
see js_enterlocalrootscope for a better way to manage newborns in cases where native hooks (functions, getters, setters, etc.) create many gc-things, potentially without
connecting them to predefined local roots such as *rval or argv[i] in an active jsnative function.
JS_GetFunctionId
the returned string lives as long as fun, so you don't need to root a saved reference to it if fun is well-
connected or rooted, and provided you bound the use of the saved reference by fun's lifetime.
JS_SetInterruptCallback
the embedding must ensure that the callback is dis
connected before attempting such re-entry.
JS_SetOperationCallback
the embedding must ensure that the callback is dis
connected before attempting such re-entry.
JS_SetOptions
this is only meaningful if spidermonkey is built with xp
connect.
JS_THREADSAFE
(this is analogous to a database
connection pool.) the application has a jscontext that it needs to use each time some event happens.
WebReplayRoadmap
while cloud integration is not in placer, web replay's architecture has recently been redesigned in preparation for cloud support, and communicating with replaying processes over a network
connection instead of ipc should work pretty efficiently.
Mozilla Projects
these operations include setting up an ssl
connection, object signing and signature verification, certificate management (including issuance and revocation), and other common pki functions.
Browser security
es which are exploitable, and to fix exploitable crashes.handling mozilla security bugsthis document describes how the new security organizational structure will work, and how security-related mozilla bug reports will be handled.pinning violation reportsif a site makes use of key pinning, and your browser sees a certificate chain for that site which does not match the pin, firefox will reject the
connection and display an error page.
Using the Places history service
nsiautocompletesearch: url-bar autocomplete from history from 1.9.1 (firefox3.1) on, don't use any places service on (or after) quit-application has been notified, since the database
connection will be closed to allow the last sync, and changes will most likely be lost.
XML Extras
you cannot open a
connection to a different host.
Component Internals
xp
connect, for example, provides a component loader that makes the various types, including the interfaces and their parameters, available to javascript.
Finishing the Component
the next chapter looks at how to tie this into the front end - specifically, how to use xp
connect to access and control this component from javascript in the user interface.
Resources
la.org/pub/mozilla/releases/mozilla1.4a/gecko-sdk-win32-1.4a.zip other mozilla downloads gecko resources internal string guide external string guide the gecko networking library ("necko") the netscape portable runtime environment embedding mozilla current module owners xpinstall xul xpcom resources the xpcom project page xulplanet's online xpcom reference information on xp
connect and scriptable components the smart pointer guide xpidl xpidl compiler reference general development resources the world wide web consortium url specification at the w3 gnu make « previous copyright (c) 2003 by doug turner and ian oeschger.
Creating XPCOM components
factories xpidl and type libraries xpcom services xpcom types method types reference counting status codes variable mappings common xpcom error codes using xpcom components component examples cookie manager the webbrowserfind component the weblock component component use in mozilla finding mozilla components using xpcom components in your cpp xp
connect: using xpcom components from script component internals creating components in cpp xpcom initialization xpcom registry manifests registration methods in xpcom autoregistration the shutdown process three parts of a xpcom component library xpcom glue the glue library xpcom string classes creating the component code what we'll be working on component regist...
XPCOM Stream Guide
(this is particularly true of streams that reach out over a network
connection, like http and ftp channels.) stream listeners implement three methods.
How To Pass an XPCOM Object to a New Window
to access the xpcom object from the window's code, you can access the window.arguments[] array, as shown in the example below: components.utils.reporterror(string(window.arguments[0])); this will produce output similar to "[xp
connect wrapped nsimyxpcomobject]".
Components.classes
omponents.classes["@mozilla.org/supports-array;1"] .createinstance(components.interfaces.nsisupportsarray); which is a shortcut to var obj = components.classes["@mozilla.org/supports-array;1"] .createinstance(); obj.queryinterface(components.interfaces.nsisupportsarray); if you don't provide a specific interface to createinstance(), it will return an xp
connect wrapper for the component, which only exposes the methods of the nsisupports interface (and under certain circumstances the special wrappedjsobject property).
Components.interfaces
it reflects only those interfaces which have been designated in their .idl description as scriptable, that is the interfaces which xp
connect is capable of reflecting into javascript.
Components.results
components.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xp
connect/src/xpc.msg (also at table of errors), with the value of each corresponding to that constant's value.
Components.utils.import
additional resources components.utils bug 238324 the documentation in xpccomponents.idl the tests in js/xp
connect/tests/unit/ importing sdk/commonjs modules into other code ...
Components.utils.unload
see bug 769253 see also bug 481603 the documentation in xpccomponents.idl the tests in js/xp
connect/tests/unit/ ...
Other Resources
other resources embedding mozilla xp
connect - javascript-xpcom bridge black
connect - java-xpcom bridge (no longer supported) xpidl to java types - from black
connect ...
JavaXPCOM
javaxpcom is very similar to xp
connect (javascript-xpcom bridge), and uses xpidl.
PyXPCOM
pyxpcom is similar to javaxpcom (java-xpcom bridge) or xp
connect (javascript-xpcom bridge).
nsIRegistry
perhaps if we quit with the xp
connect:appshellservice, it will work.
IAccessibleHyperlink
furthermore, the object that implements this interface has to be
connected implicitly or explicitly with an object that implements iaccessibletext.
IDispatch
js/src/xp
connect/idl/xpcidispatch.idlscriptable this interface is not to be used directly, it is to be used internally for xp
connect's idispatch support.
mozIJSSubScriptLoader
js/xp
connect/idl/mozijssubscriptloader.idlscriptable this interface can be used from privileged javascript to load and run javascript code from the given url at runtime.
mozIStorageRow
see also storage mozistorageresultset mozistorage
connection mozistoragestatement ...
mozIStorageStatementWrapper
when you call the mozistorage
connection interface's createstatement() method, you get a mozistoragestatement which has just direct bindings to sqlite.
mozIStorageValueArray
see also storage introduction and how-to article mozistorage
connection database
connection to a specific file or in-memory data storage mozistoragestatement create and execute sql statements on a sqlite database.
nsIClassInfo
for example, if asked for the helper for nsiprogramminglanguage::javascript this might return an object that can be nsisupports.queryinterface()'d into the nsixpcscriptable interface to assist xp
connect in supplying javascript specific behavior to callers of the instance object.
nsIContentPrefService
me); void removegroupedprefs(); void removeobserver(in astring aname, in nsicontentprefobserver aobserver); void removepref(in nsivariant agroup, in astring aname); void removeprefsbyname(in astring aname); void setpref(in nsivariant agroup, in astring aname, in nsivariant avalue); attributes attribute type description db
connection mozistorage
connection the database
connection to the content preferences database.
nsIDOMFile
this allows the file reference to be saved when the form is submitted while the user is using a web application offline, so that the data can be retrieved and uploaded once the internet
connection is restored.
nsIDOMMozNetworkStats
to create an instance, use: var networkstatsmanager = components.classes["@mozilla.org/networkstats;1"] .createinstance(components.interfaces.nsidomnetworkstats); attributes attribute type description
connectiontype domstring
connection type of the stats.
nsIDOMParser
if the caller has universalxp
connect privileges, it can pass parameters to new domparser().
nsIDOMWindow
this is useful for
connecting event listeners to this window as well as every other window nested in that window root.
nsIDOMWindow2
this is useful for
connecting event listeners to this window as well as every other window nested in that window root.
nsIDispatchSupport
js/src/xp
connect/idl/nsidispatchsupport.idlnot scriptable please add a summary to this article.
nsIDocShell
violates the xpcom interface guidelines detacheditorfromwindow() dis
connects this docshell's editor from its window, and stores the editor data in the open document's session history entry.
nsIDownloadManager
obsolete since gecko 1.8 db
connection mozistorage
connection the database
connection to the downloads database.
nsIEventListenerService
to create an instance, use: var eventlistenerservice = components.classes["@mozilla.org/eventlistenerservice;1"] .getservice(components.interfaces.nsieventlistenerservice); universalxp
connect privileges are required to use this service.
nsIFTPEventSink
last changed in gecko 1.9 (firefox 3) inherits from: nsisupports method overview void onftpcontrollog(in boolean server, in string msg) methods onftpcontrollog allows a consumer to receive a log of the ftp control
connection conversation.
nsIFormHistory2
addentry(in astring name, in astring value); boolean entryexists(in astring name, in astring value); boolean nameexists(in astring name); void removeallentries(); void removeentriesbytimeframe(in long long abegintime, in long long aendtime); void removeentriesforname(in astring name); void removeentry(in astring name, in astring value); attributes attribute type description db
connection mozistorage
connection returns the underlying db
connection the form history module is using.
nsIFrameMessageManager
an alternative method to listen for death of frame script is to use message-manager-dis
connect observer: observer notifications :: message manager.
nsIJSCID
js/src/xp
connect/idl/xpcjsid.idlscriptable this interface provides methods to instantiate a component and access service components.
nsIJSID
js/src/xp
connect/idl/xpcjsid.idlscriptable this interface provides information about a contract or interface.
nsIMessageListenerManager
an alternative method to listen for death of frame script is to use a message-manager-dis
connect observer; see observer notifications :: message manager.
nsIMimeConverter
this should only be used by native code, as xp
connect translation causes it to not work properly.
nsIMsgSearchNotify
void onsearchdone(in nsresult status); /* * until we can encode searches with a uri, this will be an * out-of-bound way to
connect a set of search terms to a datasource */ /* * called when a new search begins */ void onnewsearch(); }; ...
nsIMsgWindow
for some reason xp
connect is still hanging onto the message window even though all of our objects have let go of it.
nsIPropertyBag
goodies obtained from window.navigator are: appcodename:"mozilla" appname:"netscape" appversion:"5.0 (windows)" battery:batterymanager buildid:"20140529161749" cookieenabled:true donottrack:"yes" geolocation:geolocation language:"en-us" mimetypes:mimetypearray mozalarms:null mozapps:xpcwrappednative_nohelper mozcameras:cameramanager moz
connection:moz
connection mozcontacts:contactmanager mozid:null mozkeyboard:xpcwrappednative_nohelper mozpay:null mozpermissionsettings:null mozphonenumberservice:phonenumberservice mozpower:mozpowermanager moztcpsocket:null online:true oscpu:"windows nt 5.1" platform:"win32" plugins:pluginarray product:"gecko" productsub:"20100101" useragent:"mozilla/5.0 (windows nt 5.1; rv:30.0) gecko/20100101 firefox/3...
nsIProtocolHandler
this method is called when there's an attempt to
connect to a port that is blacklisted.
nsIProtocolProxyCallback
as with the result of nsiprotocolproxyservice's resolve method, a null result implies that a direct
connection should be used.
nsIProxyInfo
some special values for this attribute include (but are not limited to) the following: "http" - http proxy (or ssl
connect for https) "socks" - socks v5 proxy "socks4" - socks v4 proxy "direct" - no proxy "unknown" - unknown proxy (see nsiprotocolproxyservice.resolve()) a future version of this interface may define additional types.
nsIRadioInterfaceLayer
speakerenabled bool constants call state constants constant value description call_state_unknown 0 call_state_dialing 1 call_state_alerting 2 call_state_busy 3 call_state_
connecting 4 call_state_
connected 5 call_state_holding 6 call_state_held 7 call_state_resuming 8 call_state_dis
connecting 9 call_state_dis
connected 10 call_state_incoming 11 datacall_state_unknown 0 datacall_state_
connecting 1 datacall_state_
connected 2 datacall_state_dis
connecting 3 datacall_state_dis
connected 4 call_state_ringing 2 obsolete since geck...
nsIScriptError2
js/src/xp
connect/idl/nsiscripterror.idlscriptable represents javascript errors and warnings for use by the console service; augments nsiscripterror by adding a way to initialize the error with the window id of the outer window with which the error is associated.
nsITaskbarPreviewController
depending on whether the controller is
connected to an nsitaskbartabpreview or nsitaskbarwindowpreview, only certain methods and attributes need to be implemented.
nsITreeView
settree() called when setting or clearing the view on the tree to link the view to or dis
connect the front end box object.
nsIWinTaskbar
example netscape.security.privilegemanager.enableprivilege("universalxp
connect"); var taskbar = components.classes["@mozilla.org/windows-taskbar;1"].getservice(components.interfaces.nsiwintaskbar); // get the docshell for the browser var navigator2 = top.queryinterface(components.interfaces.nsiinterfacerequestor).getinterface(components.interfaces.nsiwebnavigation); var docshell = navigator2.queryinterface(components.interfaces.nsidocshell); // get the parent docshell; t...
nsIXPCException
js/src/xp
connect/idl/xpcexception.idlscriptable these exception objects are the preferred types of exceptions when implementing xpcom interfaces in javascript.
nsIXmlRpcClient
via nsixp
connect::getpendingexception()->data a nsixmlrpcfault object can be retreieved with more information on the fault.
nsIXmlRpcFault
xml-rpc server fault codes are returned wrapped in this; access it using nsixp
connect.getpendingexception->data.
Weak reference
in javascript, just make sure that your queryinterface method returns your object for the nsisupportsweakreference interface, and you're set; xp
connect does all the work for you.
XPIDL
resources (mostly outdated) some unsorted notes including a keyword list xpidl is a tool for generating c++ headers, java interfaces, xp
connect typelibs, and html documentation from xpidl files generating xpt files on windows a google groups post with instructions on how to use variable-length argument lists using xpidl.
Autoconfiguration in Thunderbird
the goal of autoconfiguration is to make it very easy for users to configure the
connection of thunderbird to their email servers.
nsIMsgCloudFileProvider
constant value description offlineerr 0x80550014 returned when it appears that there is no active network
connection.
Creating a Custom Column
for this we overlay messenger.xul, by placing the following line in our chrome.manifest file: overlay chrome://messenger/content/messenger.xul chrome://replyto_col/content/replyto_col_overlay.xul now that our overlay is set up we need to
connect a column to the current columns that exist.
Styling the Folder Pane
issecure-{true, false} afolder.server.issecure indicates whether or not the
connection to the server will be secure.
Plug-in Development Overview - Plugins
an advancetonextsong() method called inside the script element: <object id="myplugin" type="audio/wav" data="music.wav"> </object> <script type="application/javascript"> var theplugin = document.getelementbyid('myplugin'); if (theplugin && theplugin.advancetonextsong) theplugin.advancetonextsong(); else alert("plugin not installed correctly"); </script> in the past, live
connect and later xp
connect were used to make plug-ins scriptable.
Scripting plugins - Plugins
(a bit of history: npapi plugins that used to take advantage of being scriptable via live
connect in 4.x netscape browsers lost this possibility in mozilla (due to the jni making the netscape 4.x jri obsolete).
Accessibility Inspector - Firefox Developer Tools
this means trying your best to not lock anyone out of accessing information because of any disability they may have, or any other personal circumstances such as the device they are using, the speed of their network
connection, or their geographic location or locale.
DOM Inspector internals - Firefox Developer Tools
if we imagine a tree structure obtained by
connecting overlays as children to the files they overlay, while ignoring any overlays used for host integration, we can visualize the host-agnostic overlay tree for a given file.
Browser Toolbox - Firefox Developer Tools
you will be presented with a dialog like this (it can be removed by setting the devtools.debugger.prompt-
connection property to false): click ok, and the browser toolbox will open in its own window: you'll be able to inspect the browser's chrome windows and see, and be able to debug, all the javascript files loaded by the browser itself and by any add-ons that are running.
Throttling - Firefox Developer Tools
the network monitor allows you to throttle your network speed to emulate various
connection speeds so you can see how your app will behave under different
connection types.
Network monitor toolbar - Firefox Developer Tools
throttling menu, to simulate various
connection types a menu of other actions: persist logs: by default, the network monitor is cleared each time you navigate to a new page or reload the current page.
IndexedDB - Firefox Developer Tools
you can delete an indexeddb database using the context menu in the storage tree: if the database cannot be deleted (most commonly because there are still active
connections to the database), a warning message will be displayed in the storage inspector: you can use the context menu in the table widget to delete all items in an object store, or a particular item: ...
AddressErrors - Web APIs
complete example here we'll see a complete, working version of the example above (except of course that it's not
connected to an actual payment handler, so no payments are actually processed).
AudioBuffer.getChannelData() - Web APIs
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; //
connect the audiobuffersourcenode to the // destination so we can hear the sound source.
connect(audioctx.destination); // start the source playing source.start(); } specification specification status comment web audio apithe definition of 'getchanneldata' in that specification.
AudioBuffer - Web APIs
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; //
connect the audiobuffersourcenode to the // destination so we can hear the sound source.
connect(audioctx.destination); // start the source playing source.start(); specifications specification status comment web audio apithe definition of 'audiobuffer' in that specification.
AudioBufferSourceNode.detune - Web APIs
seconds const myarraybuffer = audioctx.createbuffer(channelcount, framecount, audioctx.samplerate); for (let channel = 0; channel < channelcount; channel++) { const nowbuffering = myarraybuffer.getchanneldata(channel); for (let i = 0; i < framecount; i++) { nowbuffering[i] = math.random() * 2 - 1; } } const source = audioctx.createbuffersource(); source.buffer = myarraybuffer; source.
connect(audioctx.destination); source.detune.value = 100; // value in cents source.start(); specifications specification status comment web audio apithe definition of 'detune' in that specification.
AudioBufferSourceNode.loop - Web APIs
buffersource(); request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.playbackrate.value = playbackcontrol.value; source.
connect(audioctx.destination); source.loop = true; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // wire up buttons to stop and play audio, and range slider control play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); playbackcontrol.removeattribute('disabled'); } specification s...
AudioBufferSourceNode.loopEnd - Web APIs
request(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; songlength = buffer.duration; source.buffer = mybuffer; source.playbackrate.value = playbackcontrol.value; source.
connect(audioctx.destination); source.loop = true; loopstartcontrol.setattribute('max', math.floor(songlength)); loopendcontrol.setattribute('max', math.floor(songlength)); }, function(e){"error with decoding audio data" + e.err}); } request.send(); } ...
AudioBufferSourceNode.loopStart - Web APIs
tprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; songlength = buffer.duration; source.buffer = mybuffer; source.playbackrate.value = playbackcontrol.value; source.
connect(audioctx.destination); source.loop = true; loopstartcontrol.setattribute('max', math.floor(songlength)); loopendcontrol.setattribute('max', math.floor(songlength)); }, function(e){"error with decoding audio data" + e.err}); } request.send(); } ...
AudioBufferSourceNode.playbackRate - Web APIs
buffersource(); request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.playbackrate.value = playbackcontrol.value; source.
connect(audioctx.destination); source.loop = true; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // wire up buttons to stop and play audio, and range slider control play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); playbackcontrol.removeattribute('disabled'); } stop.onclick = function()...
AudioBufferSourceNode - Web APIs
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; //
connect the audiobuffersourcenode to the // destination so we can hear the sound source.
connect(audioctx.destination); // start the source playing source.start(); for a decodeaudiodata() example, see the audiocontext.decodeaudiodata() page.
AudioContext.createJavaScriptNode() - Web APIs
0; // initial sample number this.context = context; this.node = context.createjavascriptnode(1024, 1, 1); this.node.onaudioprocess = function(e) { that.process(e) }; } sinewave.prototype.process = function(e) { var data = e.outputbuffer.getchanneldata(0); for (var i = 0; i < data.length; ++i) { data[i] = math.sin(this.x++); } } sinewave.prototype.play = function() { this.node.
connect(this.context.destination); } sinewave.prototype.pause = function() { this.node.dis
connect(); } see also generating tones with the web audio api exploring the html5 web audio: visualizing sound ...
AudioContext.createMediaElementSource() - Web APIs
document.documentelement.scrolltop : document.body.scrolltop); gainnode.gain.value = cury/height; } //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.
connect(gainnode); gainnode.
connect(audioctx.destination); note: as a consequence of calling createmediaelementsource(), audio playback from the htmlmediaelement will be re-routed into the processing graph of the audiocontext.
AudioContext.createMediaStreamSource() - Web APIs
iosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.
connect(biquadfilter); biquadfilter.
connect(audioctx.destination); // get new mouse pointer coordinates when mouse is moved // then set new gain value range.oninput = function() {...
AudioContext.createMediaStreamTrackSource() - Web APIs
n(function(stream) { audio.srcobject = stream; audio.onloadedmetadata = function(e) { audio.play(); audio.muted = true; }; let audioctx = new audiocontext(); let source = audioctx.createmediastreamsource(stream); let biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 3000; biquadfilter.gain.value = 20; source.
connect(biquadfilter); biquadfilter.
connect(audioctx.destination); }) .catch(function(err) { // handle getusermedia() error }); specifications specification status comment web audio apithe definition of 'createmediastreamtracksource()' in that specification.
AudioDestinationNode.maxChannelCount - Web APIs
example the following would set up a simple audio graph, featuring an audiodestinationnode with maxchannelcount of 2: var audioctx = new audiocontext(); var source = audioctx.createmediaelementsource(mymediaelement); source.
connect(gainnode); audioctx.destination.maxchannelcount = 2; gainnode.
connect(audioctx.destination); to see a more complete implementation, check out one of our mdn web audio examples, such as voice-change-o-matic or violent theremin.
AudioDestinationNode - Web APIs
their speakers), so you can get it hooked up inside an audio graph using only a few lines of code: var audioctx = new audiocontext(); var source = audioctx.createmediaelementsource(mymediaelement); source.
connect(gainnode); gainnode.
connect(audioctx.destination); to see a more complete implementation, check out one of our mdn web audio examples, such as voice-change-o-matic or violent theremin.
AudioNode.channelInterpretation - Web APIs
example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.
connect(gainnode); gainnode.
connect(audioctx.destination); oscillator.channelinterpretation = 'discrete'; specifications specification status comment web audio apithe definition of 'channelinterpretation' in that specification.
AudioNode.context - Web APIs
example const audiocontext = window.audiocontext || window.webkitaudiocontext; const audioctx = new audiocontext(); const oscillator = audioctx.createoscillator(); const gainnode = audioctx.creategain(); oscillator.
connect(gainnode).
connect(audioctx.destination); console.log(oscillator.context); // audiocontext console.log(oscillator.context === audioctx); // true specifications specification status comment web audio apithe definition of 'context' in that specification.
AudioNode.numberOfInputs - Web APIs
example const audioctx = new audiocontext(); const oscillator = audioctx.createoscillator(); const gainnode = audioctx.creategain(); oscillator.
connect(gainnode).
connect(audioctx.destination); console.log(oscillator.numberofinputs); // 0 console.log(gainnode.numberofinputs); // 1 console.log(audioctx.destination.numberofinputs); // 1 specifications specification status comment web audio apithe definition of 'numberofinputs' in that specification.
AudioNode.numberOfOutputs - Web APIs
example const audioctx = new audiocontext(); const oscillator = audioctx.createoscillator(); const gainnode = audioctx.creategain(); oscillator.
connect(gainnode).
connect(audioctx.destination); console.log(oscillator.numberofoutputs); // 1 console.log(gainnode.numberofoutputs); // 1 console.log(audioctx.destination.numberofoutputs); // 0 specifications specification status comment web audio apithe definition of 'numberofoutputs' in that specification.
AudioNodeOptions - Web APIs
syntax var audionodeoptions = { "channelcount" : 2, "channelcountmode" : "max", "channelinterpretation" : "discrete" } properties channelcount optional represents an integer used to determine how many channels are used when up-mixing and down-mixing
connections to any inputs to the node.
AudioParam.exponentialRampToValueAtTime() - Web APIs
script'); pre.innerhtml = myscript.innerhtml; var exprampplus = document.queryselector('.exp-ramp-plus'); var exprampminus = document.queryselector('.exp-ramp-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set its gain value to 0.5 var gainnode = audioctx.creategain(); //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination gainnode.gain.setvalueattime(0, audioctx.currenttime); source.
connect(gainnode); gainnode.
connect(audioctx.destination); // set buttons to do something onclick exprampplus.onclick = function() { gainnode.gain.exponentialramptovalueattime(1.0, audioctx.currenttime + 2); } exprampminus.onclick = function() { gain...
AudioParam.linearRampToValueAtTime() - Web APIs
e.innerhtml = myscript.innerhtml; var linearrampplus = document.queryselector('.linear-ramp-plus'); var linearrampminus = document.queryselector('.linear-ramp-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination gainnode.gain.setvalueattime(0, audioctx.currenttime); source.
connect(gainnode); gainnode.
connect(audioctx.destination); // set buttons to do something onclick linearrampplus.onclick = function() { gainnode.gain.linearramptovalueattime(1.0, audioctx.currenttime + 2); } linearrampminus.onclick = function() { gai...
AudioParam.setTargetAtTime() - Web APIs
us = document.queryselector('.at-time-plus'); var attimeminus = document.queryselector('.at-time-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); gainnode.gain.value = 0.5; var currgain = gainnode.gain.value; //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination source.
connect(gainnode); gainnode.
connect(audioctx.destination); // set buttons to do something onclick attimeplus.onclick = function() { currgain = 1.0; gainnode.gain.settargetattime(1.0, audioctx.currenttime + 1, 0.5); } attimeminus.onclick = function() { currgain = 0; gainnode.gain.settargetattime(0, au...
AudioParam.setValueAtTime() - Web APIs
'.set-target-at-time-plus'); var targetattimeminus = document.queryselector('.set-target-at-time-minus'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); gainnode.gain.value = 0.5; var currgain = gainnode.gain.value; //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination source.
connect(gainnode); gainnode.
connect(audioctx.destination); // set buttons to do something onclick targetattimeplus.onclick = function() { currgain += 0.25; gainnode.gain.setvalueattime(currgain, audioctx.currenttime + 1); } targetattimeminus.onclick = function() { currgain -= 0.25; gainnode.gain.setv...
AudioParam.setValueCurveAtTime() - Web APIs
'script'); pre.innerhtml = myscript.innerhtml; var valuecurve = document.queryselector('.value-curve'); // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a gain node and set it's gain value to 0.5 var gainnode = audioctx.creategain(); gainnode.gain.value = 0.5; var currgain = gainnode.gain.value; //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination source.
connect(gainnode); gainnode.
connect(audioctx.destination); // set button to do something onclick var wavearray = new float32array(9); wavearray[0] = 0.5; wavearray[1] = 1; wavearray[2] = 0.5; wavearray[3] = 0; wavearray[4] = 0.5; wavearray[5] = 1; wavearray[6] = 0.5; wavearray[7] = 0; wavearray[8] = 0.5; va...
AudioProcessingEvent - Web APIs
// loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.
connect(scriptnode); scriptnode.
connect(audioctx.destination); source.start(); } // when the buffer source stops playing, dis
connect everything source.onended = function() { source.dis
connect(scriptnode); scriptnode.dis
connect(audioctx.destination); } ...
AudioScheduledSourceNode.start() - Web APIs
context = new audiocontext(); osc = context.createoscillator(); osc.
connect(context.destination); /* schedule the start and stop times for the oscillator */ osc.start(context.currenttime + 2); osc.stop(context.currenttime + 3); specifications specification status comment web audio apithe definition of 'start()' in that specification.
BaseAudioContext.createBiquadFilter() - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.setvalueattime(1000, audioctx.currenttime); biq...
BaseAudioContext.createBuffer() - Web APIs
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; //
connect the audiobuffersourcenode to the // destination so we can hear the sound source.
connect(audioctx.destination); // start the source playing source.start(); specifications specification status comment web audio apithe definition of 'createbuffer()' in that specification.
BaseAudioContext.createBufferSource() - Web APIs
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; //
connect the audiobuffersourcenode to the // destination so we can hear the sound source.
connect(audioctx.destination); // start the source playing source.start(); } specifications specification status comment web audio apithe definition of 'createbuffersource()' in that specification.
BaseAudioContext.createDelay() - Web APIs
var synthsource; playsynth.onclick = function() { synthsource = audioctx.createbuffersource(); synthsource.buffer = buffers[2]; synthsource.loop = true; synthsource.start(); synthsource.
connect(synthdelay); synthdelay.
connect(destination); this.setattribute('disabled', 'disabled'); } stopsynth.onclick = function() { synthsource.dis
connect(synthdelay); synthdelay.dis
connect(destination); synthsource.stop(); playsynth.removeattribute('disabled'); } ...
BaseAudioContext.createOscillator() - Web APIs
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(3000, audioctx.currenttime); // value in hertz oscillator.
connect(audioctx.destination); oscillator.start(); specifications specification status comment web audio apithe definition of 'createoscillator' in that specification.
BaseAudioContext.createPeriodicWave() - Web APIs
var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag, {disablenormalization: true}); osc.setperiodicwave(wave); osc.
connect(ac.destination); osc.start(); osc.stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave here, we create a periodicwave with two values.
BaseAudioContext.createScriptProcessor() - Web APIs
// loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.
connect(scriptnode); scriptnode.
connect(audioctx.destination); source.start(); } // when the buffer source stops playing, dis
connect everything source.onended = function() { source.dis
connect(scriptnode); scriptnode.dis
connect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'createscriptprocessor' in that specif...
BaseAudioContext.destination - Web APIs
var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); // older webkit/blink browsers require a prefix var oscillatornode = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillatornode.
connect(gainnode); gainnode.
connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'destination' in that specification.
BiquadFilterNode.Q - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; bi...
BiquadFilterNode.detune - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; biq...
BiquadFilterNode.frequency - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; s...
BiquadFilterNode.gain - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; s...
BiquadFilterNode.type - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; s...
BiquadFilterNode - Web APIs
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); //set up the different audio nodes we will use for the app var analyser = audioctx.createanalyser(); var distortion = audioctx.createwaveshaper(); var gainnode = audioctx.creategain(); var biquadfilter = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); //
connect the nodes together source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(biquadfilter); biquadfilter.
connect(convolver); convolver.
connect(gainnode); gainnode.
connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.setvalueattime(1000, audioctx.currenttime); biq...
BluetoothCharacteristicProperties - Web APIs
let device = await navigator.bluetooth.requestdevice({ filters: [{services: ['heart_rate']}] }); let gatt = await device.gatt.
connect(); let service = await gatt.getprimaryservice('heart_rate'); let characteristic = await service.getcharacteristic('heart_rate_measurement'); if (characteristic.properties.notify) { characteristics.addeventlistener('characteristicvaluechanged', function(event) { console.log(`received heart rate measurement: ${event.target.value}`); } await characteristic.startnotifications(); } s...
BroadcastChannel.name - Web APIs
syntax var str = channel.name; examples //
connect to a channel var bc = new broadcastchannel('test_channel'); // more operations (like postmessage, …) // log the channel name to the console console.log(bc.name); // "test_channel" // when done, dis
connect from the channel bc.close(); specifications specification status comment html living standardthe definition of 'broadcastchannel.name' in that specification.
ConstantSourceNode.offset - Web APIs
gainnode2 = context.creategain(); gainnode3 = context.creategain(); gainnode2.gain.value = gainnode3.gain.value = 0.5; volumeslidercontrol.value = gainnode2.gain.value; constantsource = context.createconstantsource(); constantsource.
connect(gainnode2.gain); constantsource.
connect(gainnode3.gain); first, the gain nodes are created and configured, and a slider control's value is set to match the gain on the two nodes.
ConvolverNode - Web APIs
let reverb = await createreverb(); // someotheraudionode -> reverb -> destination someotheraudionode.
connect(reverb); reverb.
connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'convolvernode' in that specification.
CustomElementRegistry.upgrade() - Web APIs
the upgrade() method of the customelementregistry interface upgrades all shadow-containing custom elements in a node subtree, even before they are
connected to the main document.
DataTransfer.effectAllowed - Web APIs
the move operation is used to indicate that the data being dragged will be moved, and the link operation is used to indicate that some form of relationship or
connection will be created between the source and drop locations.
DelayNode.delayTime - Web APIs
var synthsource; playsynth.onclick = function() { synthsource = audioctx.createbuffersource(); synthsource.buffer = buffers[2]; synthsource.loop = true; synthsource.start(); synthsource.
connect(synthdelay); synthdelay.
connect(destination); this.setattribute('disabled', 'disabled'); } stopsynth.onclick = function() { synthsource.dis
connect(synthdelay); synthdelay.dis
connect(destination); synthsource.stop(); playsynth.removeattribute('disabled'); } ...
DelayNode - Web APIs
var synthsource; playsynth.onclick = function() { synthsource = audioctx.createbuffersource(); synthsource.buffer = buffers[2]; synthsource.loop = true; synthsource.start(); synthsource.
connect(synthdelay); synthdelay.
connect(destination); this.setattribute('disabled', 'disabled'); } stopsynth.onclick = function() { synthsource.dis
connect(synthdelay); synthdelay.dis
connect(destination); synthsource.stop(); playsynth.removeattribute('disabled'); } ...
Document - Web APIs
this property only has special meaning in privileged javascript code (with universalxp
connect privileges).
Document Object Model (DOM) - Web APIs
the document object model (dom)
connects web pages to scripts or programming languages by representing the structure of a document—such as the html representing a web page—in memory.
Element.shadowRoot - Web APIs
connectedcallback() { console.log('custom square element added to page.'); updatestyle(this); } attributechangedcallback(name, oldvalue, newvalue) { console.log('custom square element attributes changed.'); updatestyle(this); } in the updatestyle() function itself, we get a reference to the shadow dom using element.shadowroot.
Using Fetch - Web APIs
fetch requests are controlled by the
connect-src directive of content security policy rather than the directive of the resources it's retrieving.
FileHandle API - Web APIs
api overview this api is based on the following interfaces: idbdatabase.mozcreatefilehandle (was called idbdatabase.mozcreatefilehandle.) idbmutablefile (was previously filehandle.) lockedfile filerequest it also has
connections with the file api, especially the file and blob interfaces.
Gamepad.id - Web APIs
syntax readonly attribute domstring id; example window.addeventlistener("gamepad
connected", function() { var gp = navigator.getgamepads()[0]; gamepadinfo.innerhtml = "gamepad
connected at index " + gp.index + ": " + gp.id + "."; }); value a string.
GamepadEvent() - Web APIs
syntax var gamepadevent = new gamepadevent(typearg, options) parameters typearg a domstring that must be one of gamepad
connected or gamepaddis
connected.
GlobalEventHandlers.onanimationend - Web APIs
.slideanimation { animation: 5s ease-in-out 0s 1 slidebox; } @keyframes slidebox { from { left:0; top:0; } to { left:calc(100% - var(--boxwidth)); top:calc(100% - var(--boxwidth)) } } since the css describes the animation but doesn't
connect it to the box, we'll need some javascript code to do that.
GlobalEventHandlers.onanimationstart - Web APIs
.slideanimation { animation: 5s ease-in-out 0s 1 slidebox; } @keyframes slidebox { from { left:0; top:0; } to { left:calc(100% - var(--boxwidth)); top:calc(100% - var(--boxwidth)) } } since the css describes the animation but doesn't
connect it to the box, we'll need some javascript code to do that.
HTMLCanvasElement.captureStream() - Web APIs
send it to another computer using an rtcpeer
connection // pc is an rtcpeer
connection created elsewhere pc.addstream(stream); specifications specification status comment media capture from dom elementsthe definition of 'htmlcanvaselement.capturestream()' in that specification.
Drag Operations - Web APIs
the move operation is used to indicate that the data being dragged will be moved, and the link operation is used to indicate that some form of relationship or
connection will be created between the source and drop locations.
IDBDatabase.createObjectStore() - Web APIs
has been deleted or removed.) in firefox previous to version 41, an invalidstateerror was raised in this case as well, which was misleading; this has now been fixed (see bug 1176165.) constrainterror an object store with the given name (based on case-sensitive comparison) already exists in the
connected database.
IDBDatabase.deleteObjectStore() - Web APIs
the deleteobjectstore() method of the idbdatabase interface destroys the object store with the given name in the
connected database, along with any indexes that reference it.
IDBDatabase.onabort - Web APIs
the onabort event handler of the idbdatabase interface handles the abort event, fired when a transaction is aborted and bubbles up to the
connection object.
IDBDatabase.onerror - Web APIs
the onerror event handler of the idbdatabase interface handles the error event, fired when a request returns an error and bubbles up to the
connection object.
IDBFactory - Web APIs
methods idbfactory.open the current method to request opening a
connection to a database.
IDBObjectStore.deleteIndex() - Web APIs
the deleteindex() method of the idbobjectstore interface destroys the index with the specified name in the
connected database, used during a version upgrade.
IDBOpenDBRequest - Web APIs
blocked fired when an open
connection to a database is blocking a versionchange transaction on the same database.
IDBRequest.transaction - Web APIs
this property can be null for requests not made within transactions, such as for requests returned from idbfactory.open — in this case you're just
connecting to a database, so there is no transaction to return.
IDBTransaction - Web APIs
properties idbtransaction.db read only the database
connection with which this transaction is associated.
IDBTransactionSync - Web APIs
method overview void abort() raises (idbdatabaseexception); void commit() raises (idbdatabaseexception); idbobjectstoresync objectstore(in domstring name) raises (idbdatabaseexception); attributes attribute type description db idbdatabasesync the database
connection that this transaction is associated with.
IDBVersionChangeRequest.setVersion() - Web APIs
the idbversionchangerequest.setversion method updates the version of the database, returning immediately and running a versionchange transaction on the
connected database in a separate thread.
Key Values - Web APIs
keycode_tv_media_context_menu (257) "tvnetwork" toggle the tv's network
connection on and off.
KeyboardEvent - Web APIs
gecko does support the scroll lock key if an external keyboard which has an f14 key is
connected.
LayoutShift - Web APIs
observer.takerecords(); observer.dis
connect(); console.log('cls:', cumulativelayoutshiftscore); } }); } catch (e) { // do nothing if the browser doesn't support this api.
LocalMediaStream - Web APIs
when the source of the stream is a
connected device (such as a camera or microphone), capture of media from the device is halted.
MIDIAccess - Web APIs
examples navigator.requestmidiaccess() .then(function(access) { // get lists of available midi controllers const inputs = access.inputs.values(); const outputs = access.outputs.values(); access.onstatechange = function(e) { // print information about the (dis)
connected midi controller console.log(e.port.name, e.port.manufacturer, e.port.state); }; }); specifications specification status comment web midi api working draft initial definition.
MediaDevices.ondevicechange - Web APIs
the second is in the event handler for devicechange: navigator.mediadevices.ondevicechange = function(event) { updatedevicelist(); } with this code in place, each time the user plugs in a camera, microphone, or other media device, or turns one on or off, we call updatedevicelist() to redraw the list of
connected devices.
MediaDevices - Web APIs
the mediadevices interface provides access to
connected media input devices like cameras and microphones, as well as screen sharing.
MediaElementAudioSourceNode - Web APIs
document.documentelement.scrolltop : document.body.scrolltop); gainnode.gain.value = cury/height; } //
connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.
connect(gainnode); gainnode.
connect(audioctx.destination); note: as a consequence of calling createmediaelementsource(), audio playback from the htmlmediaelement will be re-routed into the processing graph of the audiocontext.
MediaStream.onaddtrack - Web APIs
this event is fired when the browser adds a track to the stream (such as when a rtcpeer
connection is renegotiated or a stream being captured using htmlmediaelement.capturestream() gets a new set of tracks because the media element being captured loaded a new source.
MediaStream.onremovetrack - Web APIs
this event is fired when the browser removes a track from the stream (such as when a rtcpeer
connection is renegotiated or a stream being captured using htmlmediaelement.capturestream() gets a new set of tracks because the media element being captured loaded a new source.
MediaStreamAudioSourceNode() - Web APIs
mediastreamaudiosourcenode if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( // constraints: audio and video for this app { audio: true, video: false }).then(function(stream) { var options = { mediastream : stream } var source = new mediastreamaudiosourcenode(audioctx, options); source.
connect(audioctx.destination); }).catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('new getusermedia not supported on your browser!'); } specifications specification status comment web audio apithe definition of 'mediastreamaudiosourcenode()' in that specification.
MediaStreamEvent.stream - Web APIs
syntax var stream = event.stream; example pc.onaddstream = function( ev ) { alert("a stream (id: '" + ev.stream.id + "') has been added to this
connection."); }; ...
MediaStreamEvent - Web APIs
examples pc.onaddstream = function( ev ) { alert("a stream (id: '" + ev.stream.id + "') has been added to this
connection."); }; ...
MediaStreamTrack.onended - Web APIs
this event occurs when the track will no longer provide data to the stream for any reason, including the end of the media input being reached, the user revoking needed permissions, the source device being removed, or the remote peer ending a
connection.
MediaStreamTrack.readyState - Web APIs
syntax const state = track.readystate value it takes one of the following values: "live" which indicates that an input is
connected and does its best-effort in providing real-time data.
MediaStreamTrack.remote - Web APIs
it returns a boolean with a value of true if the track is sourced remotely (that is, sourced by an rtcpeer
connection), or false if it is sourced locally.
MediaStreamTrackAudioSourceNode() - Web APIs
udioctx = new (window.audiocontext || window.webkitaudiocontext)(); if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( { audio: true, video: false }).then(function(stream) { let options = { mediastreamtrack: stream.getaudiotracks()[0]; } let source = new mediastreamtrackaudiosourcenode(audioctx, options); source.
connect(audioctx.destination); }).catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('new getusermedia not supported on your browser!'); } specifications specification status comment web audio apithe definition of 'mediastreamtrackaudiosourcenode()' in that specification.
MediaStreamTrackAudioSourceOptions.mediaStreamTrack - Web APIs
udioctx = new (window.audiocontext || window.webkitaudiocontext)(); if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( { audio: true, video: false }).then(function(stream) { let options = { mediastreamtrack: stream.getaudiotracks()[0]; } let source = new mediastreamtrackaudiosourcenode(audioctx, options); source.
connect(audioctx.destination); }).catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('new getusermedia not supported on your browser!'); } specifications specification status comment web audio apithe definition of 'mediastreamtrackaudiosourceoptions.mediastream' in that specification.
MediaTrackSettings - Web APIs
for example, because rtp doesn't provide some of these values during negotiation of a webrtc
connection, a track associated with a rtcpeer
connection will not include certain values, such as facingmode or groupid.
Using the Media Capabilities API - Web APIs
a mediarecorder object) or transmission (for media transmitted over electronic means like rtcpeer
connection) — plus either an audio or video configuration as described above.
MessageEvent.ports - Web APIs
example on
connect = function(e) { var port = e.ports[0]; port.addeventlistener('message', function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); }); port.start(); // required when using addeventlistener.
MessagePort - Web APIs
start() starts the sending of messages queued on the port (only needed when using eventtarget.addeventlistener; it is implied when using messageport.onmessage.) close() dis
connects the port, so it is no longer active.
msPlayToSource - Web APIs
syntax ptr = object.msplaytosource; value playto is a means through which an app can
connect local playback/display for audio, video, and img elements to a remote device.
MutationObserver.MutationObserver() - Web APIs
from this point until dis
connect() is called, callback() will be called each time an element is added to or removed from the dom tree rooted at targetnode, or any of those elements' attributes are changed.
NDEFWriter.write() - Web APIs
notsupportederror there is no nfc adapter compatible with web nfc, or the available nfc adapter does not support pushing messages, or
connection can not be established.
Navigation Timing API - Web APIs
calculate request response time you can calculate the time elapsed between the beginning of a request and the completion of getting the response using code like this: const
connecttime = perfdata.responseend - perfdata.requeststart; here, the time at which the request was initiated (requeststart).
Navigator.mediaDevices - Web APIs
the navigator.mediadevices read-only property returns a mediadevices object, which provides access to
connected media input devices like cameras and microphones, as well as screen sharing.
Navigator - Web APIs
navigator.
connection read only provides a networkinformation object containing information about the network
connection of a device.
NavigatorOnLine - Web APIs
the navigatoronline interface contains methods and properties related to the
connectivity status of the browser.
Node.baseURIObject - Web APIs
this property exists on all nodes (html, xul, svg, mathml, etc.), but only if the script trying to use it has universalxp
connect privileges.
Node.compareDocumentPosition() - Web APIs
the return value is a bitmask of the following values: name value document_position_dis
connected 1 document_position_preceding 2 document_position_following 4 document_position_contains 8 document_position_contained_by 16 document_position_implementation_specific 32 syntax comparemask = node.comparedocumentposition(othernode) parameters othernode the other node with which to compare the first node’s document position.
Node - Web APIs
node.is
connectedread only a boolean indicating whether or not the node is
connected (directly or indirectly) to the context object, e.g.
OscillatorNode.setPeriodicWave() - Web APIs
var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag); osc.setperiodicwave(wave); osc.
connect(ac.destination); osc.start(); osc.stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave.
OscillatorNode.stop() - Web APIs
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.
connect(audioctx.destination); oscillator.start(); oscillator.stop(audioctx.currenttime + 2); // stop 2 seconds after the current time specifications specification status comment web audio apithe definition of 'stop' in that specification.
OscillatorNode - Web APIs
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(440, audioctx.currenttime); // value in hertz oscillator.
connect(audioctx.destination); oscillator.start(); specifications specification status comment web audio apithe definition of 'oscillatornode' in that specification.
Page Visibility API - Web APIs
tabs running code that's using real-time network
connections (websockets and webrtc) go unthrottled in order to avoid closing these
connections timing out and getting unexpectedly closed.
PannerNode.positionX - Web APIs
const context = new audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.positionx.setvalueattime(-1, context.currenttime + 1); panner.positionx.setvalueattime(1, context.currenttime + 2); panner.positionx.setvalueattime(0, context.currenttime + 3); osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positionx' in that specification.
PannerNode.positionY - Web APIs
const context = new audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.panningmodel = 'hrtf'; panner.positiony.setvalueattime(1, context.currenttime + 1); panner.positiony.setvalueattime(-1, context.currenttime + 2); panner.positiony.setvalueattime(0, context.currenttime + 3); osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positiony' in that specification.
PannerNode.positionZ - Web APIs
const context = new audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.panningmodel = 'hrtf'; panner.positionz.setvalueattime(1, context.currenttime + 1); panner.positionz.setvalueattime(-1, context.currenttime + 2); panner.positionz.setvalueattime(0, context.currenttime + 3); osc.
connect(panner) .
connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positionz' in that specification.
PannerNode.refDistance - Web APIs
a decrease in volume (decay) const scheduletesttone = (refdistance, starttime) => { const osc = new oscillatornode(context); const panner = new pannernode(context); panner.refdistance = refdistance; // set the initial z position, then schedule the ramp panner.positionz.setvalueattime(0, starttime); panner.positionz.linearramptovalueattime(z_distance, starttime + note_length); osc.
connect(panner) .
connect(context.destination); osc.start(starttime); osc.stop(starttime + note_length); }; // this tone should decay immediately and fairly quickly scheduletesttone(1, context.currenttime); // this tone should decay slower and later than the previous one scheduletesttone(4, context.currenttime + note_length); // this tone should decay only slightly, and only start decaying fair...
PannerNode.rolloffFactor - Web APIs
ease in volume (decay) const scheduletesttone = (rollofffactor, starttime) => { const osc = new oscillatornode(context); const panner = new pannernode(context); panner.rollofffactor = rollofffactor; // set the initial z position, then schedule the ramp panner.positionz.setvalueattime(0, starttime); panner.positionz.linearramptovalueattime(z_distance, starttime + note_length); osc.
connect(panner) .
connect(context.destination); osc.start(starttime); osc.stop(starttime + note_length); }; // this tone should decay fairly quickly scheduletesttone(1, context.currenttime); // this tone should decay slower than the previous one scheduletesttone(0.5, context.currenttime + note_length); // this tone should decay only slightly scheduletesttone(0.1, context.currenttime + note_leng...
PannerNode - Web APIs
in a previous version of the specification, the pannernode had a velocity that could pitch up or down audiobuffersourcenodes
connected downstream.
Using the Payment Request API - Web APIs
the payment request api provides a browser-based method of
connecting users and their preferred payment systems and platforms to merchants that they want to pay for goods and services.
PerformanceObserver - Web APIs
the performance observer's callback function will be invoked when a performance entry is recorded for one of the specified entrytypes performanceobserver.dis
connect() stops the performance observer callback from receiving performance entries.
PerformanceResourceTiming.domainLookupEnd - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
PerformanceResourceTiming.domainLookupStart - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
PerformanceResourceTiming.fetchStart - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
PerformanceResourceTiming.redirectEnd - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
PerformanceResourceTiming.redirectStart - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
PerformanceResourceTiming.responseStart - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; ...
PerformanceResourceTiming.workerStart - Web APIs
function print_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["
connectstart", "
connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secure
connectionstart", "workerstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[...
PerformanceTiming.requestStart - Web APIs
if the transport layer fails after the start of the request and the
connection is reopened, this property will be set to the time corresponding to the new request.
PerformanceTiming.responseEnd - Web APIs
the legacy performancetiming.responseend read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, when the browser received the last byte of the response, or when the
connection is closed if this happened first, from the server from a cache or from a local resource.
Performance Timeline - Web APIs
besides the performanceobserver's interface's observe() method (which is used to register the entry types to observe), the performanceobserver interface also has a dis
connect() method that stops an observer from receiving further events.
PeriodicWave - Web APIs
var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag, {disablenormalization: true}); osc.setperiodicwave(wave); osc.
connect(ac.destination); osc.start(); osc.stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave here, we create a periodicwave with two values.
RTCAnswerOptions - Web APIs
the rtcansweroptions dictionary is used to provide optional settings when creating an sdp answer using rtcpeer
connection.createoffer() after receiving an offer from a remote peer.
RTCCertificate - Web APIs
the interface of the the webrtc api provides an object represents a certificate that an rtcpeer
connection uses to authenticate.
RTCDTMFSender.toneBuffer - Web APIs
the rtcdtmfsender interface's tonebuffer property returns a string containing a list of the dtmf tones currently queued for sending to the remote peer over the rtcpeer
connection.
RTCDataChannel.binaryType - Web APIs
var dc = peer
connection.createdatachannel("binary"); dc.binarytype = "arraybuffer"; dc.onmessage = function(event) { let bytearray = new uint8array(event.data); let hexstring = ""; bytearray.foreach(function(byte) { hexstring += byte.tostring(16) + " "; }); }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of ...
RTCDataChannel.bufferedAmountLowThreshold - Web APIs
var dc = peer
connection.createdatachannel("file transfer"); dc.bufferedamountlowthreshold = 65535; dc.onbufferedamountlow = function() { /* use send() to queue more data to be sent */ }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.bufferedamountlowthreshold' in that specification.
RTCDataChannel: bufferedamountlow event - Web APIs
let pc = new rtcpeer
connection(); let dc = pc.createdatachannel("sendfile"); let source = /* source data object */ dc.bufferedamountlowthreshold = 65536; pc.addeventlistener("bufferedamountlow", ev => { if (source.position <= source.length) { dc.send(source.readfile(65536)); } }, false); after creating the rtcpeer
connection, this calls rtcpeer
connection.createdatachannel() to create the data channel.
RTCDataChannel: message event - Web APIs
examples for a given rtcdatachannel, dc, created for a peer
connection using its createdatachannel() method, this code sets up a handler for incoming messages and acts on them by adding the data contained within the message to the current document as a new <p> (paragraph) element.
RTCDataChannel.onerror - Web APIs
let pc = new rtcpeer
connection(); let dc = pc.createdatachannel("playercontrol"); dc.onerror = function(event) { myuilibrary.doalertbox({ 'network error', // alert title 'the error "' + event.message + '" occurred while handling player control network messages.', event.filename, event.lineno, event.colno }); } /* ...
RTCDataChannel.protocol - Web APIs
example var pc = new rtcpeer
connection(); var dc = pc.createdatachannel("my channel", { protocol: "json" }); function handlechannelmessage(datachannel, msg) { switch(datachannel.protocol) { case "json": /* process json data */ break; case "raw": /* process raw binary data */ break; } } specifications specification status comment webrtc 1.0: real-time comm...
RTCDataChannelEvent.channel - Web APIs
syntax var channel = rtcdatachannelevent.channel; value a rtcdatachannel object representing the data channel linking the receiving rtcpeer
connection to its remote peer.
RTCErrorEvent - Web APIs
the most common of these is probably rtcpeer
connectioniceerrorevent, used by the icecandidateerror event, which signals an error that has occurred while gathering ice candidates during
connection negotiation.
RTCIceCandidate.address - Web APIs
security notes it's important to note here that although webrtc does not require the two peers on an rtcpeer
connection to know one another's true ip addresses, the address property on rtcicecandidate can expose more information about the source of the remote peer than the user expects.
RTCIceCandidate.priority - Web APIs
the a-line string is obtained either from the rtcicecandidateinit property candidate or from an a-line string passed into rtcpeer
connection.addicecandidate() instead of an rtcicecandidate.
RTCIceCandidate.protocol - Web APIs
protocol is null by default if not specified properly in the sdp, but this is an error condition and will result in a thrown exception when you call rtcpeer
connection.addicecandidate().
RTCIceCandidate.type - Web APIs
if type is null, that information was missing from the candidate's a-line, which will cause rtcpeer
connection.addicecandidate() to throw an operationerror exception.
RTCIceCandidateInit - Web APIs
it's also used as the return value from the rtcicecandidate.tojson() method, and can be passed directly into rtcpeer
connection.addicecandidate() to add a candidate to the peer
connection.
RTCIceCandidateStats.lastResponseTimestamp - Web APIs
syntax lastresponsetimestamp = rtcicecandidatepairstats.lastresponsetimestamp; value a domhighrestimestamp object indicating the timestamp at which the most recent stun response was received on the
connection defined by the described pair of candidates.
RTCIceCandidateStats.localCandidateId - Web APIs
syntax localcandidateid = rtcicecandidatepairstats.localcandidateid; value a domstring giving a unique identifier for the local rtcicecandidate for the
connection described by this rtcicecandidatepairstats object.
RTCIceCandidatePairStats.selected - Web APIs
example the function shown in this example identifies the currently-selected candidate pair from a statistics report by first iterating over each report, looking for a transport report; when one is found, that transport's selectedcandidatepairid is used to get the rtcicecandidatepair describing the
connection.
RTCRtpCodecParameters - Web APIs
in addition to being the type of the rtcrtpparameters.codecs property, it's used when calling rtcrtptransceiver.setcodecpreferences() to configure a transceiver's codecs before beginning the offer/answer process to establish a webrtc peer
connection.
RTCRtpReceiver.getStats() - Web APIs
the rtcrtpreceiver method getstats() asynchronously requests an rtcstatsreport object which provides statistics about incoming traffic on the owning rtcpeer
connection, returning a promise whose fulfillment handler will be called once the results are available.
RTCRtpReceiver - Web APIs
the rtcrtpreceiver interface of the webrtc api manages the reception and decoding of data for a mediastreamtrack on an rtcpeer
connection.
RTCRtpSender.getStats() - Web APIs
the rtcrtpsender method getstats() asynchronously requests an rtcstatsreport object which provides statistics about outgoing traffic on the rtcpeer
connection which owns the sender, returning a promise which is fulfilled when the results are available.
RTCRtpSender.setParameters() - Web APIs
in other words, setparameters() updates the configuration of the rtp transmission as well as the encoding configuration for a specific media track on the webrtc
connection.
RTCRtpStreamStats.firCount - Web APIs
syntax var fircount = rtcrtpstreamstats.fircount; value an integer value indicating how many fir packets have been received by the sender during the current
connection.
RTCSessionDescription.sdp - Web APIs
value the value is a domstring containing an sdp message like this one: v=0 o=alice 2890844526 2890844526 in ip4 host.anywhere.com s= c=in ip4 host.anywhere.com t=0 0 m=audio 49170 rtp/avp 0 a=rtpmap:0 pcmu/8000 m=video 51372 rtp/avp 31 a=rtpmap:31 h261/90000 m=video 53000 rtp/avp 32 a=rtpmap:32 mpv/90000 example // the remote description has been set previously on pc, an rtcpeer
connection alert(pc.remotedescription.sdp); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription.sdp' in that specification.
RTCSessionDescription.type - Web APIs
example // the remote description has been set previously on pc, a rtcpeer
connection alert(pc.remotedescription.type); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription.type' in that specification.
RTCSessionDescriptionCallback - Web APIs
example var pc = new rtcpeer
connection(); var descriptioncallback = function(offer) { pc.setlocaldescription(offer); } pc.createoffer(descriptioncallback); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescriptioncallback' in that specification.
RTCStats.id - Web APIs
using the id, you can correlate two or more rtcstats-based objects in order to monitor statistics over time for a given webrtc object, such as an rtp stream, an rtcpeer
connection, or an rtcdatachannel.
RTCStats - Web APIs
rtcinboundrtpstreamstats contains statistics that can only be measured on a receiver at the local end of the rtp
connection.
RTCTrackEvent.streams - Web APIs
the webrtc api interface rtctrackevent's read-only streams property specifies an array of mediastream objects, one for each of the streams that comprise the track being added to the rtcpeer
connection.
ReportingObserver - Web APIs
methods reportingobserver.dis
connect() stops a reporting observer that had previously started observing from collecting reports.
Reporting API - Web APIs
methods are then available on the observer to start collecting reports (reportingobserver.observe()), retrieve the reports currently in the report queue (reportingobserver.takerecords()), and dis
connect the observer so it can no longer collect records (reportingobserver.dis
connect()).
ResizeObserver - Web APIs
methods resizeobserver.dis
connect() unobserves all observed element targets of a particular observer.
ScriptProcessorNode.bufferSize - Web APIs
l); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.
connect(scriptnode); scriptnode.
connect(audioctx.destination); source.start(); } // when the buffer source stops playing, dis
connect everything source.onended = function() { source.dis
connect(scriptnode); scriptnode.dis
connect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'buffersize' in that specification.
ScriptProcessorNode.onaudioprocess - Web APIs
// loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.
connect(scriptnode); scriptnode.
connect(audioctx.destination); source.start(); } // when the buffer source stops playing, dis
connect everything source.onended = function() { source.dis
connect(scriptnode); scriptnode.dis
connect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'onaudioprocess' in that specification...
ScriptProcessorNode - Web APIs
l); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.
connect(scriptnode); scriptnode.
connect(audioctx.destination); source.start(); } // when the buffer source stops playing, dis
connect everything source.onended = function() { source.dis
connect(scriptnode); scriptnode.dis
connect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'scriptprocessornode' in that specification.
Server-sent events - Web APIs
interfaces eventsource defines all the features that handle
connecting to a server, receiving events/data, errors, closing a
connection, etc.
ServiceWorkerMessageEvent.ports - Web APIs
the ports read-only property of the serviceworkermessageevent interface returns an array of messageport objects
connected with the message channel the message is being sent through.
ShadowRoot - Web APIs
connectedcallback() { console.log('custom square element added to page.'); updatestyle(this); } attributechangedcallback(name, oldvalue, newvalue) { console.log('custom square element attributes changed.'); updatestyle(this); } in the updatestyle() function itself, we get a reference to the shadow dom using element.shadowroot.
SpeechSynthesisErrorEvent.error - Web APIs
audio-busy the operation couldn't be completed at this time because the user-agent couldn't access the audio output device (for example, the user may need to correct this by closing another application.) audio-hardware the operation couldn't be completed at this time because the user-agent couldn't identify an audio output device (for example, the user may need to
connect a speaker or configure system settings.) network the operation couldn't be completed at this time because some required network communication failed.
TrackEvent - Web APIs
it's important not to confuse trackevent with the rtctrackevent interface, which is used for tracks which are part of an rtcpeer
connection.
USBDevice.configuration - Web APIs
async function
connectdevice(usbdevice) { await usbdevice.open(); if (usbdevice.configuration === null) await usbdevice.selectconfiguration(1); await usbdevice.claiminterface(0); } specifications specification status comment webusbthe definition of 'configuration' in that specification.
ValidityState.typeMismatch - Web APIs
ing: <p> <label> enter an email address: <input type="email" value="example.com"/> </label> </p> <p> <label> enter a url: <input type="url" value="example.com"/> </label> </p> input:invalid { border: red solid 3px; } the above each produce a typemismatch because the email address is just a domain and the url has no protocol the typemismatch occurs when there is a dis
connect between the value expected via the type attribute and the data that is actually present.
WebGL2RenderingContext.vertexAttribIPointer() - Web APIs
bone indices, interpreted as integer gl.vertexattribipointer(2, 4, gl.unsigned_byte, 20, 16); gl.enablevertexattribarray(2); //
connect to attributes from the vertex shader gl.bindattriblocation(shaderprogram, 0, "position"); gl.bindattriblocation(shaderprogram, 1, "boneweights"); gl.bindattriblocation(shaderprogram, 2, "boneindices"); <script id="shader-vs" type="x-shader/x-vertex">#version 300 es uniform mat4 mvmatrix; uniform mat4 bones[120]; in vec3 position; in vec4 boneweights; in uvec4 boneindices;//read as 4-component...
WebGLRenderingContext.isContextLost() - Web APIs
examples include: two or more pages are using the gpu, but together place too high a demand on the gpu, so the browser tells the two contexts that they've lost the
connection, then selects one of the two to restore access for.
WebGLRenderingContext.makeXRCompatible() - Web APIs
n; window.addeventlistener("load", (event) => { loadsceneresources(currentscene); glstartbutton.addeventlistener("click", handlestartbuttonclick); xrstartbutton.addeventlistener("click", handlestartbuttonclick); }); outputcanvas.addeventlistener("webglcontextlost", (event) => { /* the context has been lost but can be restored */ event.canceled = true; }); /* when the gl context is re
connected, reload the resources for the current scene.
WebGL best practices - Web APIs
async function(elem) { await new promise(fn_resolve => { const observer = new resizeobserver(entries => { for (const cur of entries) { const dev_size = cur.devicepixelcontentboxsize; const ret = { width: dev_size[0].inlinesize, height: dev_size[0].blocksize, }; fn_resolve(ret); observer.dis
connect(); return; } throw 'device-pixel-content-box not observed for elem ' + elem; }); observer.observe(elem, {box: 'device-pixel-content-box'}); }); }; please refer to the specification for more details.
High-level guides - Web APIs
the high-level guides listed below introduce webrtc technology from a top-down perspective, describing the overall architecture, the life cycle of a webrtc
connection, and basic security and technological issues you might run into as you explore and build web content or apps using the webrtc api.
Improving compatibility using WebRTC adapter.js - Web APIs
for example, on firefox versions older than 38, the adapter adds the rtcpeer
connection.urls property; firefox doesn't natively support this property until firefox 38, while on chrome, the adapter adds support for the promise based api is added if it's not present.
WebSocket.onclose - Web APIs
the websocket.onclose property is an eventhandler that is called when the websocket
connection's readystate changes to closed.
WebSocket.onerror - Web APIs
syntax websocket.onerror = eventhandler; value a function or eventhandler which is executed whenever an error event occurs on the websocket
connection.
WebSocket.onopen - Web APIs
the websocket.onopen property is an eventhandler that is called when the websocket
connection's readystate changes to 1; this indicates that the
connection is ready to send and receive data.
WebSocket.protocol - Web APIs
the websocket.protocol read-only property returns the name of the sub-protocol the server selected; this will be one of the strings specified in the protocols parameter when creating the websocket object, or the empty string if no
connection is established.
Geometry and reference spaces in WebXR - Web APIs
in virtual reality (vr), it's all about creating a sense of space in which the user's movements are precisely matched by the imagery presented on the virtual display, to prevent disjoints and dis
connects that could cause discomfort or worse.
Visualizations with Web Audio API - Web APIs
basic concepts to extract data from your audio source, you need an analysernode, which is created using the audiocontext.createanalyser() method, for example: var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var analyser = audioctx.createanalyser(); this node is then
connected to your audio source at some point between your source and your destination, for example: source = audioctx.createmediastreamsource(stream); source.
connect(analyser); analyser.
connect(distortion); distortion.
connect(audioctx.destination); note: you don't need to
connect the analyser's output to another node for it to work, as long as the input is
connected to the source, either directly or v...
Web Authentication API - Web APIs
- the server is
connected by https or is the localhost), and will not be available for use if the browser is not operating in a secure context.
Using the Web Speech API - Web APIs
ully — the speechrecognitionerror.error property contains the actual error returned: recognition.onerror = function(event) { diagnostic.textcontent = 'error occurred in recognition: ' + event.error; } speech synthesis speech synthesis (aka text-to-speech, or tts) involves receiving synthesising text contained within an app to speech, and playing it out of a device's speaker or audio output
connection.
Window.controllers - Web APIs
each missing removal can cause bug 415775: assertion: xp
connect is being called on a scope without a 'components' property!
Window: offline event - Web APIs
bubbles no cancelable no interface event event handler property onoffline examples // addeventlistener version window.addeventlistener('offline', (event) => { console.log("the network
connection has been lost."); }); // onoffline version window.onoffline = (event) => { console.log("the network
connection has been lost."); }; specifications specification status html living standardthe definition of 'offline event' in that specification.
Window: online event - Web APIs
bubbles no cancelable no interface event event handler property ononline examples // addeventlistener version window.addeventlistener('online', (event) => { console.log("you are now
connected to the network."); }); // ononline version window.ononline = (event) => { console.log("you are now
connected to the network."); }; specifications specification status html living standardthe definition of 'online event' in that specification.
WorkerNavigator - Web APIs
workernavigator.
connectionread only provides a networkinformation object containing information about the network
connection of a device.
Using XMLHttpRequest - Web APIs
note: starting in gecko 9.0, progress events can now be relied upon to come in for every chunk of data received, including the last chunk in cases in which the last packet is received and the
connection closed before the progress event is fired.
XMLHttpRequest() - Web APIs
mozsystem boolean: setting this flag to true allows making cross-site
connections without requiring the server to opt-in using cors.
XMLHttpRequest.getAllResponseHeaders() - Web APIs
an example of what a raw header string looks like: date: fri, 08 dec 2017 21:04:30 gmt\r\n content-encoding: gzip\r\n x-content-type-options: nosniff\r\n server: meinheld/0.6.1\r\n x-frame-options: deny\r\n content-type: text/html; charset=utf-8\r\n
connection: keep-alive\r\n strict-transport-security: max-age=63072000\r\n vary: cookie, accept-encoding\r\n content-length: 6502\r\n x-xss-protection: 1; mode=block\r\n each line is terminated by both carriage return and line feed characters (\r\n).
XRInputSource - Web APIs
an action may be aborted either by the user in some device-specific fashion or if the input device is dis
connected before the action is completed.
XRReferenceSpace - Web APIs
*/ }); the other situation in which you may need to acquire a new reference space is if you need to move the origin to a new position; this is commonly done, for example, when your project allows the user to move through the environment using input devices such as the keyboard, mouse, touchpad, or game controls that are not
connected through the xr device.
XRSession.end() - Web APIs
you can use the promise to do things like update ui elements to reflect the shut down
connection, trigger application shut down, or whatever else you might need to do.
XRSession: selectend event - Web APIs
the webxr event selectend is sent to an xrsession when one of its input sources ends its primary action or when an input source that's in the process of handling an ongoing primary action is dis
connected without successfully completing the action.
XRSession: squeezeend event - Web APIs
the webxr event squeezeend is sent to an xrsession when one of its input sources ends its primary action or when an input source that's in the process of handling an ongoing primary action is dis
connected without successfully completing the action.
XRSession - Web APIs
selectend an event of type xrinputsourceevent which gets sent to the session object when one of its input devices finishes its primary action or gets dis
connected while in the process of handling a primary action.
XRSystem: devicechange event - Web APIs
a devicechange event is fired on an xrsystem object whenever the whenever the availability of immersive xr devices has changed; for example, a vr headset or ar goggles have been
connected or dis
connected.
Using the alert role - Accessibility
the alert role is most useful for information that requires the user's immediate attention, for example: an invalid value was entered into a form field the user's login session is about to expire the
connection to the server was lost, local changes will not be saved because of its intrusive nature, the alert role must be used sparingly and only in situations where the user's immediate attention is required.
@font-face - CSS: Cascading Style Sheets
the ability to specify the name of a locally-installed font to look for and use makes it possible to customize the font beyond the basics while making it possible to do so without relying on an internet
connection.
image-set() - CSS: Cascading Style Sheets
resolution can be used as a proxy for filesize — a user agent on a slow mobile
connection with a high-resolution screen may prefer to receive lower-resolution images rather than waiting for a higher resolution image to load.
var() - CSS: Cascading Style Sheets
(doing so usually produces invalid syntax, or else a value whose meaning has no
connection to the variable.) syntax the first argument to the function is the name of the custom property to be substituted.
Getting Started - Developer guides
} the full list of the readystate values is documented at xmlhttprequest.readystate and is as follows: 0 (uninitialized) or (request not initialized) 1 (loading) or (server
connection established) 2 (loaded) or (request received) 3 (interactive) or (processing request) 4 (complete) or (request finished and response is ready) next, check the http response status codes of the http response.
Ajax - Developer guides
its primary purpose is to facilitate the sharing of data across different systems, particularly systems
connected via the internet.
Mutation events - Developer guides
); }; var onremove = function (element, callback) { var observer = new mutationobserver(function (mutations) { _.foreach(mutations, function (mutation) { _.foreach(mutation.removednodes, function (removed) { if (isdescendant(element, removed)) { callback(); // allow garbage collection observer.dis
connect(); observer = undefined; } }); }); }); observer.observe(document, { childlist: true, subtree: true }); }; usage you can register a listener for mutation events using element.addeventlistener as follows: element.addeventlistener("domnodeinserted", function (event) { // ...
Mobile-friendliness - Developer guides
goal #3 (performance) “give your users a smooth experience, even on a slow
connection.” though things have been getting better in recent years, browsing the internet over a wireless data
connection can still be pretty painful.
HTML documentation index - HTML: Hypertext Markup Language
229 link types: pre
connect attribute, html, link, link types, reference the pre
connect keyword for the rel attribute of the <link> element is a hint to browsers that the user is likely to need resources from the target resource's origin, and therefore the browser can likely improve the user experience by preemptively initiating a
connection to that origin.
HTTP authentication - HTTP
in the case of a "basic" authentication like shown in the figure, the exchange must happen over an https (tls)
connection to be secure.
Identifying resources on the Web - HTTP
ecific file names ftp file transfer protocol http/https hyper text transfer protocol (secure) javascript url-embedded javascript code mailto electronic mail address ssh secure shell tel telephone urn uniform resource names view-source source code of the resource ws/wss (encrypted) websocket
connections authority www.example.com is the domain name or authority that governs the namespace.
MIME types (IANA media types) - HTTP
d file: <input type="file" name="myfile" value="test.txt"></label> <button>send the file</button> </form> will send this message: post / http/1.1 host: localhost:8000 user-agent: mozilla/5.0 (macintosh; intel mac os x 10.9; rv:50.0) gecko/20100101 firefox/50.0 accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 accept-language: en-us,en;q=0.5 accept-encoding: gzip, deflate
connection: keep-alive upgrade-insecure-requests: 1 content-type: multipart/form-data; boundary=---------------------------8721656041911415653955004498 content-length: 465 -----------------------------8721656041911415653955004498 content-disposition: form-data; name="mytextfield" test -----------------------------8721656041911415653955004498 content-disposition: form-data; name="mycheckbox" on -------...
Resource URLs - HTTP
resource urls, urls prefixed with the resource: scheme, are used by firefox and firefox browser extensions to load resources internally, but some of the information is available to sites the browser
connects to as well.
Using HTTP cookies - HTTP
cookies are sent with every request, so they can worsen performance (especially for mobile data
connections).
Access-Control-Allow-Headers - HTTP
nd origin, such as: options /resource/foo access-control-request-method: delete access-control-request-headers: origin, x-requested-with origin: https://foo.bar.org response if the server allows cors requests to use the delete method, it responds with an access-control-allow-methods response header, which lists delete along with the other methods it supports: http/1.1 200 ok content-length: 0
connection: keep-alive access-control-allow-origin: https://foo.bar.org access-control-allow-methods: post, get, options, delete access-control-max-age: 86400 if the requested method isn't supported, the server will respond with an error.
Alt-Svc - HTTP
if the cached entry expires, the client can no longer use this alternative service for new
connections.
Cache-Control - HTTP
it therefore forbids a proxy or browser feature, such as google’s web light, from converting images to minimize data for a cache store or slow
connection.
Link - HTTP
examples the uri (absolute or relative) must be enclosed between < and >: link: <https://example.com>; rel="pre
connect" link: https://bad.example; rel="pre
connect" specifying multiple links you can specify multiple links separated by commas, for example: link: <https://one.example.com>; rel="pre
connect", <https://two.example.com>; rel="pre
connect", <https://three.example.com>; rel="pre
connect" specifications specification status comments rfc 8288, section 3: link serialisation in...
Public-Key-Pins-Report-Only - HTTP
the http public-key-pins-report-only response header was used to send reports of pinning violation to the report-uri specified in the header but, unlike public-key-pins still allows browsers to
connect to the server if the pinning is violated.
Save-Data - HTTP
this could be for reasons such as high transfer costs, slow
connection speeds, etc.
Sec-WebSocket-Accept - HTTP
that is, this is header is sent from server to client to inform that server is willing to initiate a websocket
connection.
Warning - HTTP
112 dis
connected operation the cache is dis
connected from the rest of the network.
X-Forwarded-For - HTTP
the x-forwarded-for (xff) header is a de-facto standard header for identifying the originating ip address of a client
connecting to a web server through an http proxy or a load balancer.
X-Forwarded-Proto - HTTP
the x-forwarded-proto (xfp) header is a de-facto standard header for identifying the protocol (http or https) that a client used to
connect to your proxy or load balancer.
101 Switching Protocols - HTTP
http/1.1 101 switching protocols upgrade: websocket
connection: upgrade specifications specification title rfc 7231, section 6.2.2: 101 switching protocol hypertext transfer protocol (http/1.1): semantics and content ...
205 Reset Content - HTTP
status 205 reset content specifications specification title rfc 7231, section 6.3.6: 205 reset content hypertext transfer protocol (http/1.1): semantics and content compatibility notes browser behavior differs if this response erroneously includes a body on persistent
connections see 204 no content for more detail.
413 Payload Too Large - HTTP
the http 413 payload too large response status code indicates that the request entity is larger than limits defined by server; the server might close the
connection or return a retry-after header field.
426 Upgrade Required - HTTP
status 426 upgrade required examples http/1.1 426 upgrade required upgrade: http/2.0
connection: upgrade content-length: 53 content-type: text/plain this service requires use of the http/2.0 protocol specifications specification title rfc 7231, section 6.5.15: 426 upgrade required hypertext transfer protocol (http/1.1): semantics and content ...
Introduction - JavaScript
inside a host environment (for example, a web browser), javascript can be
connected to the objects of its environment to provide programmatic control over them.
Array - JavaScript
as a result, '2' and '02' would refer to two different slots on the years object, and the following example could be true: console.log(years['2'] != years['02']) relationship between length and numerical properties a javascript array's length property and numerical properties are
connected.
Media container formats (file types) - Web media technologies
consider using this container format general purpose video, preferably in an open format webm (ideally with mp4 fallback) general purpose video mp4 (ideally with webm or ogg fallback) high compression optimized for slow
connections 3gp (ideally with mp4 fallback) compatibility with older devices/browsers quicktime (ideally with avi and/or mpeg-2 fallback) these suggestions make a number of assumptions.
Handling media support issues in web content - Web media technologies
a similar concept can be applied to still images; if an image you wish to present is very large and may take time to download (especially for slower devices or
connections), you can offer a lower-resolution or alternate version that will be displayed until the full-quality version is available to be displayed.