npm 包 `google-translate-api-extended` 使用教程

简介

google-translate-api-extended 是基于 google-translate-api 修改的更加高级的谷歌翻译 API 封装库,它提供了更加全面的谷歌翻译 API 功能,比如获取翻译结果的语音播放链接、翻译结果的音频文件等等。

在前端领域,跨语言的需求往往是不可避免的,而 google-translate-api-extended 的出现则大大简化了在网页应用中实现翻译功能的难度。

安装

通过 npm 安装:

--- ------- -----------------------------

使用

在使用之前,你需要先获取谷歌翻译 API 的 key。如果你没有,可以前往 Google Cloud Platform 创建一个账户并开通翻译 API。

----- --------- - -------------------------------------------------
----- ------ - ---------------------------------

---------------- -------- - --- -------- ------ ----------- -- -
    ---------------------- -- ---------
------------ -- -
    -------------------
---

上面的代码片段演示了如何使用 google-translate-api-extended"Hello world!" 翻译为中文。

你可以将第二个参数 options 中的 to 字段改为你需要的语言代码,比如日语 'ja'、德语 'de' 等等。

高级功能

语音播放链接

除了基本的文本翻译功能之外,google-translate-api-extended 还提供了获取翻译结果的语音播放链接的功能。

----- --------- - -------------------------------------------------
----- ------ - ---------------------------------
----- ---- - ------ --------

--------------- - --- -------- ------ ----------- -- -
    ---------------------- -- ---------
    ----------------------- -- --------------------------
------------ -- -
    -------------------
---

在上面的代码中,res.voice 将会是一个语音播放链接。你可以通过在浏览器中访问这个链接来听到翻译结果的语音。

音频文件下载

除了获取语音播放链接之外,google-translate-api-extended 还提供了下载音频文件的功能。你可以通过 res.audioFilePath 获取音频文件在本地的存储路径。

----- --------- - -------------------------------------------------
----- ------ - ---------------------------------
----- ---- - ------ --------

--------------- - --- -------- ------ ----------- -- -
    ---------------------- -- ---------
    ------------------------------- -- ------------------------------------------------
------------ -- -
    -------------------
---

需要注意的是,如果你的 API Key 没有开启音频转码的权限,那么获取到的链接将会是无效的。

总结

在这篇文章中,我们介绍了如何使用 google-translate-api-extended 将文本翻译为不同的语言,并获取翻译结果的语音播放链接和音频文件。

当然,google-translate-api-extended 的高级功能还不仅限于此,你可以去仓库中查看更多的功能以及示例代码。

希望这篇文章对你有所帮助,谢谢阅读!

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600559e581e8991b448d785b


猜你喜欢

  • npm 包 notyf-js 使用教程

    notyf-js 是一款轻量、简洁、易于使用的 JavaScript 库,用于在网页中弹出通知消息。相比于传统的 alert、confirm、prompt 等弹出框,notyf-js 有更好的用户体验...

    2 年前
  • npm 包 react-a-utils 使用教程

    React 是目前前端最流行的框架之一,它为开发人员提供了设备独立的组件化编程方式,让开发更加便捷,但是在开发过程中,某些功能的实现还需要借助其他库或工具包。本篇文章将详细介绍一个实用的 npm 包:...

    2 年前
  • npm 包 dagver 使用教程

    简介 dagver 是一款使用 TypeScript 开发的 npm 包,它能够帮助前端工程师以 DAG(有向无环图)的方式管理数据流,从而简化复杂的数据管理过程。

    2 年前
  • npm 包 mq-polyfill 使用教程

    随着响应式 Web 设计越来越普及,媒体查询也变得越来越重要。然而,不幸的是,一些浏览器(尤其是旧的版本)并不支持媒体查询,这就导致了“响应式断层”问题。为了解决这个问题,我们可以使用 mq-poly...

    2 年前
  • npm 包 @exo-dev/eslint-config-exo-es6 使用教程

    在前端开发中,代码规范是非常重要的,而 eslint 是一个非常流行的代码规范工具。@exo-dev/eslint-config-exo-es6 是一个 npm 包,它为 ES6 的 eslint 提...

    2 年前
  • npm 包 redux-package 使用教程

    介绍 redux-package 是一个基于 redux 的状态管理库,可以大大简化 redux 的配置流程,把配置细节都封装到包内部。 redux-package 提供了许多便利的工具函数,可以帮助...

    2 年前
  • npm 包 babel-preset-spaceship 使用教程

    前言 在前端项目中,我们经常需要使用 babel 编译器来将高版本的 JavaScript 代码转换为低版本的代码,以保证在各种浏览器和环境中都能正常运行。babel-preset-spaceship...

    2 年前
  • npm 包 homebridge-mqttscene 使用教程

    在物联网时代,家庭自动化正在成为越来越流行的趋势。其中,MqttScene 是一种流行的 MQTT 协议的自动化工具,可以用于智能家居中的场景自动化控制。Homebridge-MqttScene 是一...

    2 年前
  • npm 包 lodux-assure 使用教程

    在开发前端应用时,状态管理是非常重要的一部分。在 React 中,我们通常使用 Redux 来进行状态管理。而在 Redux 中,我们又会使用一些中间件来帮助我们处理异步请求和副作用。

    2 年前
  • npm 包 more-colors 使用教程

    简介 more-colors 是一个基于 node.js 和 npm 的包,提供了一系列颜色相关的工具函数,能够快速的生成不同种类的颜色、颜色调和、颜色互补等。 安装 npm install more...

    2 年前
  • npm 包 reducio 使用教程

    什么是 reducio Reducio 是一个基于 Redux 的状态管理库。它允许简化和优化您的 Redux 状态管理,使您的代码更加容易理解和维护。 相对于传统的 Redux,Reduction ...

    2 年前
  • npm 包 webpack-config-spaceship 使用教程

    前言 在前端开发中,打包工具的选择显得特别重要。webpack 作为目前最流行的前端打包工具,可以帮助我们高效地构建应用程序。在 webpack 配置中,非常重要的一项就是配置文件。

    2 年前
  • npm 包 postcss-pixels-to-rem 使用教程

    前端开发中,不同的设备分辨率和屏幕尺寸导致的布局问题一直是个难点。而通过使用 rem(相对于根元素的 font-size) 单位来代替像素单位,可以有效解决屏幕自适应的问题。

    2 年前
  • npm 包 postcss-typescript-kickstart 使用教程

    在开发前端应用程序时,优秀的工具和框架是非常重要的。其中,npm 包是非常有用的资源,它们可以使前端开发者更加高效、轻松地完成工作。在这篇文章中,我们将重点介绍一款名为 postcss-typescr...

    2 年前
  • npm 包 output-template 使用教程

    output-template 是一个轻量级的 npm 包,它提供了一种简单的方式来输出 HTML 模板。在前端开发中,我们通常需要在页面中动态地生成 HTML 或者将数据渲染到 HTML 模板中。

    2 年前
  • npm 包 timestamp-to-tr-date 使用教程

    在前端开发中,经常需要将时间戳转化为可读性强的日期格式,在这个过程中,npm 包 timestamp-to-tr-date 就派上了用场。本文将介绍该包的使用教程及注意事项,帮助读者更好地使用该工具。

    2 年前
  • npm 包 orxapi.tools.toggle 使用教程

    在前端开发中,我们经常需要在页面中添加交互功能,其中一个重要的工具就是 Toggle(切换开关)。而 orxapi.tools.toggle 是一个方便快捷的 npm 包,可以帮助我们轻松地实现 To...

    2 年前
  • npm 包 gg-m-error 使用教程

    在前端开发的过程中,错误处理是我们经常要面对的问题。为了方便处理错误,我们可以使用一些已经被开发出来的 npm 包。其中一个十分常用的包就是 gg-m-error。

    2 年前
  • npm 包 postcss-prefix-url 使用教程

    在前端开发中,我们常常需要对静态资源进行路径处理,以确保资源能被正确加载。NPM 是一个常用的包管理工具,其中一个常用的插件就是 postcss-prefix-url,可以自动给静态资源的路径添加前缀...

    2 年前
  • NPM 包 ejoy-oplog 使用教程

    ejoy-oplog 是一个用于前端应用的操作记录库,它可以记录用户在应用中的所有操作,包括查询、新增、修改和删除等操作。这个库可以帮助开发者更好地了解用户的行为,并为后续的数据分析提供支持。

    2 年前

相关推荐

    暂无文章