小编aof*_*dev的帖子

18
推荐指数
2
解决办法
4147
查看次数

为chrome中的html5音频播放器启用下载按钮

我在页面上有一个音频元素,使用dom中的javascript动态添加.

输出的html是这样的:

        <audio preload="auto" controls="controls">
            <source src="https://urlofmp3.mp3" type="audio/mp3">
        </audio>
Run Code Online (Sandbox Code Playgroud)

当我在页面上查看此音频元素时,它看起来像这样: html5音频标签

据我所知,Chrome应该会自动在右侧放置一个下载按钮......但无论出于何种原因,它都不存在.我已经能找到许多网站告诉我如何关闭下载按钮,但是有没有办法明确地打开它?

javascript audio html5 google-chrome html5-audio

9
推荐指数
1
解决办法
1585
查看次数

使用 Node.js(和 NPM 包 'psd')解析 Adob​​e PSD 文件,以编程方式替换图像层,然后保存/渲染为 PNG

对于一个项目,我需要解析一个 Adobe Photoshop PSD 文件,以编程方式查找并替换图像层,然后将其保存回 PSD 文件和/或将其导出为 PNG(或 JPEG)。我对 Adob​​e Photoshop 没有太多经验,但我认为这些类型的图层被称为“智能图层”。

用例:

渲染样机预览图像

  • 用户上传图片到 Node HTTP 服务器
  • 用上传的图片替换PSD中的图层(图片填充图层)
  • 呈现为 PNG/JPEG 并写入 HTTP 响应

对于模型模板,替换层在 x 和 y 上倾斜 3d。我附上了一张图片来说明这意味着什么。未来将创建其他模型模板,这就是为什么我认为用常量值标记替换层是实现这一点的方法。

模板文件: 模板文件

上传的图片: 上传的图片

最终渲染的图像 输出图像

我不需要 HTTP 服务器/身份验证等方面的帮助,这部分很简单。我只是在寻找一种替换图像层的方法。

PSD 文件是/将是为此特定项目定制的。根据图层名称(标签)确定要替换的正确图层是一种可接受的实现方式。

我查看了几个 NPM 包来完成这项工作,但无法获得功能原型。这个包似乎是最有前途的。

https://www.npmjs.com/package/psd

我目前有以下代码:

/* mockup.js */
var PSD = require('psd')
var psd = PSD.fromFile("mockup.psd")
var fs = require('fs')

psd.parse()

/* For easier reference */
var replacementLayer, file, fileBuffer

let tree = psd.tree()

let layers = tree.layer.node._children

for(let …
Run Code Online (Sandbox Code Playgroud)

png psd render node.js

9
推荐指数
1
解决办法
2140
查看次数

如何使用Firebase云功能存储创建文件夹

如何制作文件夹"帖子"?

bucket - > gs://app.appspot.com/posts

exports.generateThumbnail = functions.storage.object()
  .onChange(event => {
    const object = event.data
    const filePath = object.name
    const fileName = filePath.split('/').pop()
    const fileBucket = object.bucket;
    const bucket = gcs.bucket(fileBucket)
    const tempFilePath = `/posts/${fileName}`

    return bucket.file(filePath).download({
      destination: tempFilePath
    })
    .then(() => {
      console.log('image downloaded locally to', tempFilePath)
      return spawn('convert', [tempFilePath, '-thumbnail', '400x400>', tempFilePath])
    })
    .then(() => {
      console.log('thumbnail created')
      // match end of string that contains a slash followed by 0 or more characters that are not a …
Run Code Online (Sandbox Code Playgroud)

javascript node.js firebase google-cloud-functions firebase-storage

5
推荐指数
2
解决办法
2839
查看次数

AngularFire2 在打字稿中获取经过身份验证的用户 ID

我正在尝试找出如何在 TypeScipt 中获取 Firebase Authenticated 用户的 uid:

<div> {{ (user | async)?.uid }} </div>
Run Code Online (Sandbox Code Playgroud)

我有以下 TS 代码:

import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app'

@Component({
  selector: 'app-user-portal',
  templateUrl: './user-portal.component.html',
  styleUrls: ['./user-portal.component.css']
})
export class UserPortalComponent implements OnInit {
  user: Observable<firebase.User>;

  constructor(
              public afAuth: AngularFireAuth
  ) {
    this.user = afAuth.authState;
  }

  ngOnInit() {

  }
}
Run Code Online (Sandbox Code Playgroud)

我读过的所有内容都表明我需要访问...的 id 属性

this.afAuth.auth.currentUser.uid
Run Code Online (Sandbox Code Playgroud)

......但这似乎没有暴露。如果我把它改成...

this.afAuth.auth.currentUser.toJSON()
Run Code Online (Sandbox Code Playgroud)

...并将其发送到控制台,然后我确实看到了一个 uid 属性。我怎样才能得到那个财产?

这甚至是为用户获取 uid 的正确方法吗?将...

this.afAuth.auth.currentUser.getIdToken()
Run Code Online (Sandbox Code Playgroud)

... 会更好?如果这样更好,我也看不出如何从中获取 uid。建议?

firebase typescript angularfire firebase-authentication angular

5
推荐指数
1
解决办法
3047
查看次数

适用于 Android 的 Firebase 数据库 - 使用持久性在离线时写入事件

如标题所述,我正在使用 Firebase 实时数据库,并启用了持久性

正如指南中所述,

通过启用持久性,Firebase 实时数据库客户端在联机时同步的任何数据都会持久保存到磁盘,并且即使在用户或操作系统重新启动应用程序时也可以脱机使用。这意味着您的应用程序可以像在线一样使用存储在缓存中的本地数据。侦听器回调将继续触发本地更新

虽然ValueEventListener和每个读取侦听器都会发生这种情况,但我找不到一种方法使其也适用于写入操作。这是我的数据库助手类的片段:

    DatabaseReference userRef = root.child("users").child(user.getUid());
    userRef.setValue(user).addOnSuccessListener(new OnSuccessListener<Void>() {
        @Override
        public void onSuccess(Void result) {
            //handle success event
        }
    }).addOnFailureListener(new OnFailureListener() {
        @Override
        public void onFailure(@NonNull Exception e) {
            //handle failure event
        }
    });
Run Code Online (Sandbox Code Playgroud)

即使启用了持久性,这应该使数据库以“反应式方式”运行,这两个侦听器也不会触发,直到数据库再次上线并最终将更新推送到服务器。

这并不是我真正所希望的,因为我预计一旦数据在本地缓存,该事件就会被触发。我知道我可以简单地忽略这些事件并假装它成功了,但我想知道,我是否错过了什么?有没有办法在数据被缓存后立即触发事件?

android persistence offline firebase firebase-realtime-database

5
推荐指数
1
解决办法
1187
查看次数

5
推荐指数
1
解决办法
603
查看次数

我想更新 firebase 数据库中的单个值

我使用了 RecyclerView 和 Adapter 以及适配器的 inflte item_list,每一行都有一个喜欢的按钮和文本,用于存储喜欢的值我想在用户单击喜欢的按钮时更新值。

这是我的 firebase 数据库结构2

android firebase android-recyclerview firebase-realtime-database

4
推荐指数
1
解决办法
6408
查看次数

我如何在Firebase Hosting中实施.htaccess配置

我的域中有一个.htaccess配置,该配置可让我的应用与路由完美配合。当您刷新angular 2应用无法解析路由时,它避免了错误。

我当前的配置是

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# not rewrite css, js and images
RewriteCond %{REQUEST_URI} !\.(?:css|js|map|jpe?g|gif|png|php)$ [NC]
RewriteRule ^(.*)$ /index.html?path=$1 [NC,L,QSA]
</IfModule>
Run Code Online (Sandbox Code Playgroud)

我正在尝试在Firebase Hosting中实现相同的配置,因为我正在迁移网站,但我不知道如何将.htaccess转换为Firebase Hosting配置。

有什么简单的方法吗?

hosting firebase firebase-hosting

4
推荐指数
1
解决办法
2991
查看次数

Firebase静态主机上的主机Docker应用程序

如何将基于Docker容器的应用程序托管到Firebase静态托管?

它甚至可行/允许吗?

或者我应该在Digital Ocean/Vultr/Linode/AWS等服务上托管基于Docker的应用程序吗?

我正在使用Firebase作为我的主要数据库,因为它带有相同定价模式的托管,我想充分利用它并将所有内容放在基于Google的服务器而不是托管其他地方(例如Digital Ocean)并连接到我的数据库,然后将在谷歌上.

谢谢

firebase docker firebase-hosting

3
推荐指数
1
解决办法
1345
查看次数

Android Firebase DataSnapshot 类将 null 返回到自定义 java 对象

我正在实现Firebase并将DataSnapshotnull 返回到自定义 java 对象。我也尝试通过使用此站点的一些答案来解决此问题,但我不知道我的代码中的确切问题在哪里。在这里,我附上了我screenshotfirebase database,请帮助我解决这个问题在此处输入图片说明

下面是我的model

        public class ChatModel {

    private String messege;
    private String user;
    private int intType;

    public ChatModel(){}

    public ChatModel(String messege, String user, int intType) {
        this.messege = messege;
        this.user = user;
        this.intType = intType;
    }


    public String getMessege() {
        return messege;
    }

    public void setMessege(String messege) {
        this.messege = messege;
    }

    public String getUser() {
        return user;
    }

    public void setUser(String user) {
        this.user = user; …
Run Code Online (Sandbox Code Playgroud)

android firebase firebase-realtime-database

2
推荐指数
1
解决办法
1137
查看次数

“removeEventListener”(android)是否关闭 Firebase 实时数据库连接?

我浏览了所有文档和许多博客,但没有得到答案。

事情是,我同时必须将火力实时database.That手段100个同时连接的初始配额免费我的用户100可以使用应用程序,除非和直到用户不使用我的application.Afterdestroy的应用connection仍然开放对于该用户,同时没有其他用户可以访问。

所以我的问题是,如果我从数据库引用中删除监听器,这也会关闭connection吗?

 ValueEventListener listener = null;
 DatabaseRefference ref =FirebaseDatabase.getInstance().getRefference("user");
 listener = new ValueEventListener() {
    @Override
    public void onDataChange(DataSnapshot dataSnapshot) {
        ref.removeEventListener(listener); 
        //----Doing Stuffs
    }
 }
ref.addListenerForSingleValueEvent(listener);
Run Code Online (Sandbox Code Playgroud)

有了这个,我想要实现的是,当 User1 获得他/她的搜索结果时,他/她将不再持有 a connection,这样另一个用户就可以进入数据库。

android firebase firebase-realtime-database

2
推荐指数
1
解决办法
1356
查看次数

节点使用URL调整图像大小而不保存图像

我有一个服务,它将FB图像网址作为参数,检查它是一个有效的网址,返回一个图像,然后如果所有检查都已通过则返回网址.如果这些参数也被传入,我想添加一个步骤来调整图像大小,然后像之前一样通过url返回调整大小的图像.

至少可以说,我对图像处理的经验很少,但到目前为止我的理解是使用像锐利的图书馆,调整大小,在某处保存新尺寸的图像,然后将新网址返回到图像位置.

这似乎是最合乎逻辑的方法.但是,我想知道如果我不想在任何地方托管这些已调整大小的图像,可能的解决方案是什么.还有另一种方式,或者我之前的理解是如何走上正轨?

来自facebook的网址示例如下:https://scontent.xx.fbcdn.net/v/t1.0-9/16473924_10154471006092746_6242863207915608429_n.jpg?oh=4d7fb8fb162c0ff036810ee2969703f0&oe=5A25EE1C.

image image-resizing node.js

1
推荐指数
1
解决办法
1514
查看次数