From 2c2df5ea01eb5cd8b9ea226b2869337e59c5fe3e Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:50:24 +0100 Subject: unslug pt-pt: move --- .../index.html | 146 --------------------- files/pt-pt/plugins/flash_para_html5/index.html | 82 ------------ files/pt-pt/plugins/flash_to_html5/index.html | 82 ++++++++++++ 3 files changed, 82 insertions(+), 228 deletions(-) delete mode 100644 files/pt-pt/plugins/ativacao_de_flash_colon__comparacao_de_navegador/index.html delete mode 100644 files/pt-pt/plugins/flash_para_html5/index.html create mode 100644 files/pt-pt/plugins/flash_to_html5/index.html (limited to 'files/pt-pt/plugins') diff --git a/files/pt-pt/plugins/ativacao_de_flash_colon__comparacao_de_navegador/index.html b/files/pt-pt/plugins/ativacao_de_flash_colon__comparacao_de_navegador/index.html deleted file mode 100644 index e804f3a3f9..0000000000 --- a/files/pt-pt/plugins/ativacao_de_flash_colon__comparacao_de_navegador/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title: 'Ativação de Flash: Comparação de Navegador' -slug: 'Plugins/Ativacao_de_Flash:_comparacao_de_navegador' -tags: - - Como - - Flash - - Principiante - - compatibilidade de navegador -translation_of: 'Plugins/Flash_Activation:_Browser_Comparison' ---- -

Cada um dos principais navegadores implementou uma funcionalidade onde o conteúdo do Adobe Flash não é executado por predefinição, mas cada um dos navegadores implementou essa funcionalidade e a interface do utilizador de maneiras ligeiramente diferentes. Este guia irá ajudar a descrever as semelhanças e as diferenças entre os navegadores, para que os programadores da Web possam oferecer a melhor experiência ao utilizador. Está disponível outro guia para assistir os autores do site da Web em migrating away from Flash.

- -

In each browser, the decision to enable Flash is made by users on a per-site basis. When a site attempts to use Flash, the browser will prompt the user in some way and give the user an opportunity to enable Flash for that site. Flash-blocking extensions are no longer necessary because this functionality is now built into the browser.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 Mozilla FirefoxGoogle ChromeMicrosoft Edge
Setting NameAsk to activateHTML5 by defaultClick-to-run
'application/x-shockwave-flash' in navigator.mimeTypes by default when Flash is inactiveyesnono
'application/x-shockwave-flash' in navigator.mimeTypes when user enables Flashyesyesyes
<object> with fallback content triggers UIyes, with exceptionsnoyes
small/hidden Flash triggers additional UIyesnono
Enabling Flash automatically reloads the pagenoyesyes
Other features related to FlashDomain BlockingPlugin Power SaverPeripheral Content Pause
- -

Each of the browser vendors has a roadmap about the future of Flash and changes to the user experience. The Firefox Flash roadmap includes links to roadmaps and posts from other vendors.

- -

Caomparação da IU

- -

Mozilla Firefox

- -

In-page UI is displayed when the site attempts to use Flash. An icon also appears on the left side of the location bar. The user can click on the Flash object or the location bar icon to activate Flash:

- -

- -

Users have the choice to allow Flash just for the current session, or to remember their choice:

- -

- -

Google Chrome

- -

In-page UI is displayed when the site attempts to use Flash without fallback content:

- -

- -

A user can click the plugin element to show a prompt for allowing Flash:

- -

- -

If the site provides fallback content for an object element, Chrome will display that content and will not prompt the user to enable Flash. If a Flash element is not visible to the user, the user will not get a visible prompt.

- -

A user can click the information icon on the left side of the location bar on any site to open the site information and allow Flash on that site:

- -

- -

Microsoft Edge

- -

In-page UI is displayed when the site attempts to use Flash. An icon also appears on the right side of the location bar. The user can click the Flash object to show activation options:

- -

- -

Users have the choice to allow Flash just for the current session, or to remember their choice:

- -

- -

Dicas de Elaboração do Site

- -

If a Flash element is very small, hidden, or covered by other content, users will probably not notice that Flash is required and will become confused. Even if the plugin element will eventually be hidden, pages should create the plugin element so that it's visible on the page, and should resize or hide it only after the user has activated the plugin. This can be done by calling a JavaScript function when the plugin is activated:

- -
function pluginCreated() {
-  // We don't need to see the plugin, so hide it by resizing
-  var plugin = document.getElementById('myPlugin');
-  plugin.height = 0;
-  plugin.width = 0;
-  plugin.callPluginMethod();
-}
- -

The HTML, by default, specifies the Flash object to be a size that makes it visible, like this:

- -
<!-- Give the plugin an initial size so it is visible -->
-<object type="application/x-shockwave-flash" data="myapp.swf"
-      id="myPlugin" width="300" height="300">
-  <param name="callback" value="pluginCreated()">
-</object>
- -

The callback parameter defined in the HTML can be called in Flash using its flash.external.ExternalInterface API.

- -

Utilizar um callback de script para determinar quando um plug-in é ativado

- -

Similarly, a site's script shouldn't attempt to script a plugin immediately upon creation. Instead, the plugin object should call into a JavaScript function upon creation. That function can then issue the call into the plugin, knowing that everything is set up and ready to go.

- -

First, set your up your HTML with a callback that calls the JavaScript function pluginCreated(), like this:

- -
<object type="application/x-my-plugin" data="somedata.mytype" id="myPlugin">
-  <param name="callback" value="pluginCreated()">
-</object>
- -

The pluginCreated() function is then responsible for the setup of your script and any calls back into the plugin that you need to make:

- -
function pluginCreated() {
-  document.getElementById('myPlugin').callPluginMethod();
-}
diff --git a/files/pt-pt/plugins/flash_para_html5/index.html b/files/pt-pt/plugins/flash_para_html5/index.html deleted file mode 100644 index b17f365038..0000000000 --- a/files/pt-pt/plugins/flash_para_html5/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: Guia de migração de Flash para HTML5 -slug: Plugins/Flash_para_HTML5 -tags: - - Complementos - - Flash - - HTML5 - - Jogos - - Plug-ins - - Publicidade - - Sockets - - Video - - anuncios - - Área de transferência -translation_of: Plugins/Flash_to_HTML5 ---- -

Este conjunto de artigos fornece informação sobre como migrar o conteúdo e a funcionalidade do Flash existente para HTML e JavaScript.

- -

Background

- -

Flash became very popular in the late 1990s to early 2000s because it provided an effective way to create rich content on the web — such as animations, games, and video players. However, it has a number of issues; the Flash Player causes security and performance problems, and leads to bloated pages. In addition, the modern web platform has feature parity with Flash, so you no longer need to rely on plugins to implement rich content.

- -

Browsers are working together to move carefully towards a plugin-free web (see our Plugin Roadmap), so developers should start migrating their Flash-based functionality to open web technologies as soon as possible.

- -
-
-

Vídeo

- -

All you need to know to move your video requirements over from Flash to HTML5 (see the Flash video to HTML5 video landing page also).

- -

Planeamento

- -
-
Planning your transition from Flash video to HTML5 video
-
Transitioning from Flash to HTML5 can take several months and may require new skills and software. This guide shows you how to plan for that transition, and contains two main parts, Content audit and Decision points.
-
- -

Processo

- -
-
File format conversion
-
Once you've planned out what you want to do, the first step is to convert your video files into formats compatible with HTML embedding.
-
DRM and authentication
-
If your media requires authentication/rights to access, you'll need to work out how to hook up the necessary DRM and authentication mechanisms.
-
Video advertising
-
You may also want to incorporate advertising into your video delivery system, via an ad network.
-
Distribution
-
A CDN is a popular choice for effective delivery of media content.
-
Video and audio players
-
There are a number of ways to play back web media depending on the scale of your needs and whether you need ad integration and digital rights management.
-
Subtitles and captions
-
Just as audio and video may need transcoding for the web, subtitles and captions may also need to be converted and made available.
-
-
- -
-

Outros tópicos

- -

Other common Flash use cases that should now be migrated to HTML5.

- -
-
Open web games
-
Flash games used to be very common, but the open web is now a viable platform for creating and distibuting games.
-
Real-time apps with WebSockets
-
Flash TCP sockets have been commonly used to create real-time multiuser apps such as chat apps, but they can be replaced with WebSockets.
-
Clipboard access
-
Flash's clipboard API used to be the only available means for creating advanced clipboard functionality, but this is now available in web standards.
-
Content and advertising visibility with Intersection Observer
-
Flash used to be a simple but slow way to detect content and advertising visibility on the page. The web platfom now has the Intersection Observer API to do this better and faster.
-
Flexible user interfaces with CSS
-
Adobe Flex used to provide a way to effectively create flexible user interfaces on the web, but the open web platform now boasts powerful CSS layout systems like Grid and Flexbox to close the gap.
-
Camera/Microphone access with WebRTC
-
Developers used to rely exclusively on Flash for accessing the user's camera and microphone, but this can now be achieved with WebRTC and related technologies. See also Media Capture and Streams API and getUserMedia for useful starting points.
-
File selection using the File API
-
The web platform has functionality accessing files on the user's file system, e.g. for upload or display. See <input type="file"> and Using files from web applications for useful resources.
-
-
-
- -

Obter ajuda

- -

If you find that our migration guide leaves you with any questions unanswered, please don't hesitate to visit our MDN Discourse page and ask them there.

diff --git a/files/pt-pt/plugins/flash_to_html5/index.html b/files/pt-pt/plugins/flash_to_html5/index.html new file mode 100644 index 0000000000..b17f365038 --- /dev/null +++ b/files/pt-pt/plugins/flash_to_html5/index.html @@ -0,0 +1,82 @@ +--- +title: Guia de migração de Flash para HTML5 +slug: Plugins/Flash_para_HTML5 +tags: + - Complementos + - Flash + - HTML5 + - Jogos + - Plug-ins + - Publicidade + - Sockets + - Video + - anuncios + - Área de transferência +translation_of: Plugins/Flash_to_HTML5 +--- +

Este conjunto de artigos fornece informação sobre como migrar o conteúdo e a funcionalidade do Flash existente para HTML e JavaScript.

+ +

Background

+ +

Flash became very popular in the late 1990s to early 2000s because it provided an effective way to create rich content on the web — such as animations, games, and video players. However, it has a number of issues; the Flash Player causes security and performance problems, and leads to bloated pages. In addition, the modern web platform has feature parity with Flash, so you no longer need to rely on plugins to implement rich content.

+ +

Browsers are working together to move carefully towards a plugin-free web (see our Plugin Roadmap), so developers should start migrating their Flash-based functionality to open web technologies as soon as possible.

+ +
+
+

Vídeo

+ +

All you need to know to move your video requirements over from Flash to HTML5 (see the Flash video to HTML5 video landing page also).

+ +

Planeamento

+ +
+
Planning your transition from Flash video to HTML5 video
+
Transitioning from Flash to HTML5 can take several months and may require new skills and software. This guide shows you how to plan for that transition, and contains two main parts, Content audit and Decision points.
+
+ +

Processo

+ +
+
File format conversion
+
Once you've planned out what you want to do, the first step is to convert your video files into formats compatible with HTML embedding.
+
DRM and authentication
+
If your media requires authentication/rights to access, you'll need to work out how to hook up the necessary DRM and authentication mechanisms.
+
Video advertising
+
You may also want to incorporate advertising into your video delivery system, via an ad network.
+
Distribution
+
A CDN is a popular choice for effective delivery of media content.
+
Video and audio players
+
There are a number of ways to play back web media depending on the scale of your needs and whether you need ad integration and digital rights management.
+
Subtitles and captions
+
Just as audio and video may need transcoding for the web, subtitles and captions may also need to be converted and made available.
+
+
+ +
+

Outros tópicos

+ +

Other common Flash use cases that should now be migrated to HTML5.

+ +
+
Open web games
+
Flash games used to be very common, but the open web is now a viable platform for creating and distibuting games.
+
Real-time apps with WebSockets
+
Flash TCP sockets have been commonly used to create real-time multiuser apps such as chat apps, but they can be replaced with WebSockets.
+
Clipboard access
+
Flash's clipboard API used to be the only available means for creating advanced clipboard functionality, but this is now available in web standards.
+
Content and advertising visibility with Intersection Observer
+
Flash used to be a simple but slow way to detect content and advertising visibility on the page. The web platfom now has the Intersection Observer API to do this better and faster.
+
Flexible user interfaces with CSS
+
Adobe Flex used to provide a way to effectively create flexible user interfaces on the web, but the open web platform now boasts powerful CSS layout systems like Grid and Flexbox to close the gap.
+
Camera/Microphone access with WebRTC
+
Developers used to rely exclusively on Flash for accessing the user's camera and microphone, but this can now be achieved with WebRTC and related technologies. See also Media Capture and Streams API and getUserMedia for useful starting points.
+
File selection using the File API
+
The web platform has functionality accessing files on the user's file system, e.g. for upload or display. See <input type="file"> and Using files from web applications for useful resources.
+
+
+
+ +

Obter ajuda

+ +

If you find that our migration guide leaves you with any questions unanswered, please don't hesitate to visit our MDN Discourse page and ask them there.

-- cgit v1.2.3-54-g00ecf